![](/img/trans.png)
[英]NPM run serve is showing old state of my vuejs project on localhost
[英]Run VueJS app on Localhost
我试图将使用Vue CLI / Webpack构建的简单VueJS应用程序运行到我的localhost而不必使用npm run dev,但只能通过从本地服务器访问。 我运行了npm run build并将文件拖到Mamp上的htdocs中,但它似乎仍无法正常工作。 这是我项目中的目录结构:
这是我的根文件夹中的index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>demo</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
这是dist文件夹中的index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<title>demo</title>
<link href=/static/css/app.e1c36c05dd8e70649268723708cfb519.css rel=stylesheet>
</head>
<body>
<div id="app"></div>
<script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js>
</script><script type=text/javascript src=/static/js/vendor.3fae27b6d0a0572472a3.js></script>
<script type=text/javascript src=/static/js/app.e5eb3a5fa6134479362c.js></script>
</body>
</html>
我错过了什么?
谢谢!
1 - npm run build
2 - 使用index.html
复制build dist文件夹或dist
3 - 在htdocs test
创建一个新文件夹
4 - 转到localhost/test
如果在文本编辑器中查看源代码不起作用,并更改src文件的路径,并可能添加基本href。 你的代码显示/static/
我会替换
<script type=text/javascript src=/static/js/app.e5eb3a5fa6134479362c.js></script>
这个
<script type=text/javascript src="http://localhost/test/static/js/app.e5eb3a5fa6134479362c.js"></script>
还要检查控制台错误。
它像一张空白页吗? 你在控制台中得到任何错误吗?
我认为这是因为它不知道根索引文件的位置。
尝试:
- 转到“htdocs文件夹”并创建一个空文件夹(示例文件夹名称:abc)。
- 转到项目中的“配置文件夹”。
- 在“config文件夹”里面有一个名为index.js的js文件
- 在index.js内部更改build下的“assetsPublicPath”路径,默认只有'/'。 将它更改为'/ abc /'并运行npm build之后,将build中生成的所有文件放在该文件夹中,它应该知道在哪里找到根索引文件。
- 转到http:// localhost / abc /
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.