打包我們的項目：
npm run build
完畢后顯示
image.png
到這里就是打包完成了攀芯，在dist文件夾中直接打開index.html弦撩，尷尬！节视！啥也沒有拳锚，控制臺還報錯了
image.png
在網上找了會，然后直接在根目錄下vue.config.js(如果沒有這個文件的話寻行，可以直接在更目錄中添加一個霍掺，配置參考)文件中進行修改。
將publicPath屬性的值'/'改為'./'拌蜘。
module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
// outputDir: 在npm run build時 生成文件的目錄 type:string, default:'dist'
// outputDir: 'dist',
// pages:{ type:Object,Default:undfind }
assetsDir: "./",
devServer: {
port: 8888, // 端口號
host: "localhost",
https: false, // https:{type:Boolean}
open: true, //配置自動啟動瀏覽器
// proxy: 'http://localhost:4000' // 配置跨域處理,只有一個代理
// proxy: {
// "/api": {
// target: "<url>",
// ws: true,
// changeOrigin: true
// },
// "/foo": {
// target: "<other_url>"
// }
// } // 配置多個代理
}
};
改好之后我們又可以打開index.html了杆烁。
呵呵噠 ，問題又來了拦坠，為什么只能看到title连躏，內容還是白的剩岳，console沒有報錯了
接下來一頓操作：
執(zhí)行下面命令：
npm install http-server -g
然后在dist文件下執(zhí)行：
http-server
出現下面：
Starting up http-server, serving ./
Available on:
http://127.0.0.1:8080
http://192.168.0.125:8080
直接打開上面的網址訪問就可以了贞滨。
