法一
vue項目完成后npm run build會生成dist文件，此時直接將dist文件發布到線上即可，若想本地打開dist/index.html可看，一般頁面為空，或者報錯找不到css和js文件，則需要更改一些路徑參數，改成相對當前目錄，然后再次運行npm run build 就可以在本地打開index.html
修改1：config/index.js文件的assetsPublicPath: '/';===》assetsPublicPath: './';
修改2：build/webpack.base.confg.js文件的publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath===》publicPath: './'
修改完成后，再次執行npm run build 后，打開dist文件夾里的index.html，大功告成！！
法二
1.首先需要的原料肯定是vue打包生成的dist文件
在vue項目目錄下運行：npm run build，等待運行結束，會在項目目錄下生成一個dist文件夾，里面會生成一些文件(如下圖示)
2.安裝express本地服務器
能運行起來npm run build我就默認大家不是小白嘍，這邊同樣需要node環境，在環境中運行
npm install -g express-generator
等待安裝完畢，可通過運行：express --version驗證express是否安裝成功（如下圖示）
3.創建本地服務器（應用）
在我的電腦某盤符下，運行
express myProject
其中的myProject即為最終的服務器文件夾名稱，可自定義。
等待安裝完成，運行
cd myProject
進入項目，安裝依賴
npm i
到此，本地服務器創建完成。打開服務器目錄（如下圖示）
4.運行vue打包項目
將vue打包生成的dist文件夾下的文件復制、粘貼至上圖示中的public目錄下（如下圖示）
箭頭所指為dist目錄下文件（項目內容不同，生成文件會有所不同），其余為默認文件，不用理會。
此時，運行
npm start
然后打開瀏覽器，輸入http://localhost:3000，即可看到項目在上線后的效果了。