vue.js打包放到服務(wù)器的方法

發(fā)布時間：2020-12-22 09:16:53 來源：億速云閱讀：224 作者：小新欄目：編程語言

小編給大家分享一下vue.js打包放到服務(wù)器的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

vue.js打包放到服務(wù)器的方法：1、修改配置“config/index.js”文件；2、在項目路徑中找到打包后的文件，然后運行“npm run build”；3、上傳cccBlog文件夾到服務(wù)器即可。

1、修改配置一下config/index.js文件

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

productionSourceMap: false

vue.js打包放到服務(wù)器的方法

2、運行npm run build

然后在項目路徑中找到打包后的文件，在項目文件的dist文件夾下面的static和index.html就是打包后的文件。然后我自己創(chuàng)建了cccBlog文件夾，把static和index.html拷貝到cccBlog下面，然后向服務(wù)器上傳這個cccBlog文件夾就可以了。

vue.js打包放到服務(wù)器的方法

3、上傳cccBlog文件夾到服務(wù)器，我的是tomcat服務(wù)器

vue.js打包放到服務(wù)器的方法

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

5、需要注意的是：圖片資源命名的時候不要有中文，因為中文的話服務(wù)器訪問可能圖片顯示不出來。

看完了這篇文章，相信你對vue.js打包放到服務(wù)器的方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細節(jié)

猜你喜歡