Vue项目配置代理实现Ajax跨域请求

首先，要在Vue项目的根目录下创建一个vue.config.js文件
文件内容如下：

module.exports = {
  devServer: {
    host:'localhost',
    port:8080,
    proxy: {
      '^/api': {
        target: 'http://localhost:4000',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

其中，host和port是后台服务器的ip地址和端口号，target是后台服务器的路径。^/api表示以/api开头的路径，能够访问localhost:8080。
还有就是，pathRewrite: {
‘^/api’: ‘’
}
也不能遗漏，这在Vue的官方文档里面没有提到过。