Vue-cli3.x解決跨域問題,配置vue.config.js

Vue3.x項目中官方已經刪除了vue.config.js配置文件,但是我們仍然需要配置跨域、打包、靜態資源目錄等問題,這時候仍然需要在vue項目中創建vue.config.js配置文件。
需要注意的是創建vue.config.js時,我們無需再次導入該文件,該文件創建在與“src”同級目錄下

文件配置詳解:
出口: 整個文件需要以module.exports = { … }作爲出口配置項;
baseUrl: 配置項目根路徑,也就是項目默認訪問顯示的路徑;
outputDir: 打包Vue項目之後生成的文件夾,改爲dist2 那麼打包生成的文件就是dist2;
assetsDir: 靜態資源目錄,存放靜態文件js、css、img、fonts等等;
lintOnSave: 是否開啓eslint 保存檢測語法,有效值true、false、error;
在這裏插入圖片描述
devserve:{ — } 配置服務;
open: 項目啓動完畢之後是否自動打開瀏覽器頁面;
host: 配置對應主機名;
port:8080, 項目端口號;
https:false, https協議,默認false;
hotOnly:false, 熱模塊更新 默認fasle ;
proxy:{ — } 配置跨域;
target:“http://localhost:5000/api/”, 代理地址
ws:true, 是否跨域
changOrigin:true,
pathRewrite:{
“^/api”:""
}
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章