Vue 跨域代理设置

Vue CLI允许你通过项目根目录下的vue.config.js文件来定制devServer的配置。以下是一些常见的配置示例：

module.exports = {
  devServer: {
    // 跨域代理配置，解决开发环境API跨域问题
    proxy: {
       //匹配以api路径请求的URL，转发请求的服务器地址
      '/api': {
        target: 'http://localhost:3000', // 你的后端服务地址
        changeOrigin: true,
        ws: true,
        //将api这个赋值为空，然后请求正确的路径
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}