在和src同級的路徑下創(chuàng)建一個文件名,vue.config.js(這文件名是固定這么寫的)

module.exports = {
    baseUrl:'/',//根路徑
    outputDir:'dist',//打包的時候生成的一個文件名
    assetsDir:'assets',//靜態(tài)資源目錄(js,css,img,fonts)這些文件都可以寫里面
    lintOnSave:false,//是否開啟eslint保存檢測 ,它的有效值為 true || false || 'error'
    devServer:{
        open:true,//啟動項目后自動開啟瀏覽器
        host:'locahost',//對應的主機名
        port:8080,//端口號
        https:false,//是否開啟協(xié)議名,如果開啟會發(fā)出警告
        hotOnly:false,//熱模塊更新的一種東西,webpack中自動有過配置,但如果我們下載一些新            的模塊可以更好的給我更新一些配置
        proxy:{
        //配置跨域
        '/api':{//配置跨域的名字
            target:'http//localhost:5000/api',//跨域的地址
            ws:true,
            changOrigin:true,//是否跨域
            pathRewrite:{//當前的名字
                '^/api':''
            }
          }
 
        }
        
    }
 };

————————————————
版權聲明：本文為CSDN博主「TongQiHang」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/kukuhang/article/details/103111974