vue.js如何打包放到伺服器

vue.js打包放到伺服器的方法：1、修改設定「config/index.js」檔案；2、在專案路徑中找到打包後的文件，然後執行「npm run build」；3 、上傳cccBlog資料夾到伺服器即可。

本教學操作環境：windows7系統、Vue2.9.6版，此方法適用於所有品牌電腦。

相關文章推薦：vue.js

1、修改設定一下config/index.js檔案

如下圖，把assetsPublicPath: '. /',

productionSourceMap: false

#2、運行npm run build

然後在專案路徑中找到打包後的文件，在專案文件的dist資料夾下面的static和index.html就是打包後的檔案。然後我自己創建了cccBlog資料夾，把static和index.html拷貝到cccBlog下面，然後向伺服器上傳這個cccBlog資料夾就可以了。

3、上​​傳cccBlog資料夾到伺服器，我的是tomcat伺服器

4、然後造訪tomcat下面的cccBlog下面的index.html就可以了。

5、要注意的是：圖片資源命名的時候不要有中文，因為中文的話伺服器存取可能圖片顯示不出來。

以上是vue.js如何打包放到伺服器的詳細內容。更多資訊請關注PHP中文網其他相關文章！