在本地查看打包後的項目

我使用的是vue前端框架,nginx服務器;

1、首先在終端輸入命令npm  run build,文件中會多一個目錄dist


2、在nginx的nginx.conf中配置如下


3、重啓nginx

4、在瀏覽器中輸入http://localhost:9000/



在打包後在本地運行會出現如下錯誤


解決辦法如下:

1、修改config裏面的index.js,將assetsPublicPath中的'/'替換爲'./'或者''


2、重新打包,npm run build;

3、nginx配置如下:


4、重啓nginx


5、在瀏覽器中輸入localhttp://localhost:9000/demo/




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章