![](/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.