1. 程式人生 > >如何把vue.js項目部署到服務器上

如何把vue.js項目部署到服務器上

mage 創建 onf tsp pub sse als vue 項目

如何把vue.js項目部署到服務器上面,我用的是tomcat服務器

1-改一下config/index.js文件,如下圖,把assetsPublicPath: ‘./‘,

productionSourceMap: false

技術分享圖片

2-運行npm run build

然後在項目路徑中找到打包後的文件,在項目文件的dist文件夾下面的staticindex.html就是打包後的文件。然後我自己創建了cccBlog文件夾,把staticindex.html拷貝到cccBlog下面,然後向服務器上傳這個cccBlog文件夾就可以了。

技術分享圖片

3-上傳cccBlog文件夾到服務器,我的是tomcat

服務器

技術分享圖片

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

5-需要註意的是:圖片資源命名的時候不要有中文,因為中文的話服務器訪問可能圖片顯示不出來。

如何把vue.js項目部署到服務器上