vue cli3跨域配置問題

最近工作不是很忙，來就想自己搞個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（看後端接口命名） ^表示以** 開頭
                }
            },
    },