一/ 在2.X中靜態資原始檔放在static資料夾中，此資料夾裡的東西不會被webpack打包，而在3.X中沒有該檔案，於是我在根目錄新建了一個static資料夾存放reset.css檔案，出現了在index.html引入reset無效的問題，經過查資料發現3.X中的public資料夾類似於2.X裡的static，最終把reset檔案放入public資料夾中成功引入

• 注意：public資料夾下的檔案並不會被Webpack處理：它們會直接被複制到最終的打包目錄（檔名需指定）下。必須使用絕對路徑引用這些檔案
• vue2.x版本相關參考文章1
• vue2.x版本相關參考文章2
• vue2.x版本相關參考文章3
• vue2.x版本相關參考文章4

二/ 啟動服務後自動開啟瀏覽器vue.config.js配置

module.exports = {
    devServer: {
        open: true,  //npm run serve 後自動開啟瀏覽器
    }
}

三/ 跨域請求的vue.config.js配置

module.exports = {
    proxy: {
        '/api': { //匹配所有以‘/api’開頭的請求路徑
             target: 'http://localhost:4000', //代理目標的基礎路徑
             changeOrigin: true, //支援跨域
             pathRewrite: { //重寫路徑：去掉路徑中開頭的'/api'
                 '^/api': ''
             }
        }
    }
}
 

proxy配置