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（看后端接口命名） ^表示以** 开头
                }
            },
    },