Vue反向代理服务器

1、在vue的根目录新建一个‘vue.config.js ’，必须是这个文件名，在输入下列代码，记得链接要换，还有axios的默认访问路径改成 api

// 解决跨域，vue自动生成代理服务器【反向代理】
module.exports = {
    devServer: {
        //设置代理
        proxy: {
            '/api': {
                target: 'http://localhost:3000', //要跳转的位置
                pathRewrite: { //重写，如果有 api 就将api重写为空
                    '^/api': ''
                }
            }
        }
    }
}

2、axios请求默认路径

export default function (config) {
  const instance = axios.create({
    // baseURL: 'http://localhost:3000',
    baseURL: '/api',
  });
 return instance(config)
}