vue-cli 3.0中配置devServer解决跨域

首先需要在package.json同级目录新建一个 vue.config.js 在module.exports内配置devServer

module.exports = {
  devServer: {
    proxy: {
      '^/api': {
        target: 'http://localhost:3001', //要跨域的域名
        ws: true, // 是否启用websockets
        changeOrigin: true, //是否允许跨越
        pathRewrite: {
          '^/api': ''  //将你的地址代理位这个 /api 接下来请求时就使用这个/api来代替你的地址
        },
      }
    }
  }
}

接下来发起请求这样写就不会出现跨域问题了

axios({
        url: "/api/usercomment",
        method: "post",
      })
        .then(res => {
          console.log(res);
        })

注意在配置完后要重启项目