最近工作不是很忙,來就想自己搞個vue項目練練手,之前工作項目框架都是公司大佬搭建的,這次自己搭建框架遇到了一個跨域的問題,在網上百度了很多教程,講的都不是很如我意,這裏自己寫一篇博客記錄一下。
axios.js封裝請求代碼
//此頁面只需要改baseURL
import axios from 'axios'
// 創建 axios 實例
const service = axios.create({
baseURL:"http://localhost:9909",//本地打開項目訪問地址,切記需要上線是要改爲服務器地址
timeout: 6000 // 請求超時時間
})
/**
* 請求攔截器,攜帶每個請求的token(可選)
*/
vue.config.js 配置頁面
open: true,//編譯項目瀏覽器自動打開
https: false,//是否啓動https訪問
port: 9909,//本地訪問端口號
disableHostCheck: true ,//允許外部訪問本地服務
proxy: {
"/": {//接口前公用部分,通常api(看後端接口命名)
target: "http://118.25.82.97:3000/",//需要被代理服務器(後端服務器)
changeOrigin: true,
pathRewiter: {
"^/": "/"{//接口前公用部分,通常api(看後端接口命名) ^表示以** 開頭
}
},
},