当我在浏览器中打开vue应用程序的URL时,它会加载应用程序。但是,当我尝试在终端中使用curl调用URL时,它返回错误
CURL https://vue-app-url.com/
输出:
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]-->
<title>VUE APP</title>
<link href="/app.js" rel="preload" as="script"><link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="app-vue"><link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head>
<body>
<noscript>
<strong>We're sorry but app-vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<script type="text/javascript" src="/app.js"></script></body>
</html>
由于curl
将只加载标记,因此这似乎是正确的输出。如果将CCD_ 2添加到其中";真实的";通过Javascript加载或添加内容,然后您将通过curl获得noscript。由于curl没有加载额外的资源。
也试试这个命令,你可能会得到更好的输出:
curl --location https://vue-app-url.com/
或
curl --user-agent "Mozilla/5.0 (X11; Linux x86_64; rv:60.0) Gecko/20100101 Firefox/81.0" https://vue-app-url.com/
也可以试着去掉你的noscript
,通过卷曲来测试它。
更新(更好的示例(:
如果你在html中添加了一个vue组件,比如:
<feedback-form>Some feedback</feedback-form>
卷曲将渲染:
<div id="app"><feedback-form>Some feedback</feedback-form></div>
所以你的应用程序一切正常,只是JS没有被解析。它类似于页面的源代码,而不是开发工具中的代码(经过解析(。