vue项目之代理解决服务器跨域问题

vue.config.js文件做如下配置：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  outputDir: 'dist',
  devServer: {
    open: true,
    proxy: {
      '/api': {
        target: 'http://test.11.com', // 后端接口域名
        pathRewrite: { '^/api': '' }, // 路径改写
        changeOrigin: true,
        ws: true
      }
    }
  }
})

src\utils\config.js配置文件做如下处理：

const configUrl = {
  API_URL: 'http://localhost:8080/api', // 前端项目启动地址 http://localhost:8080/
}

export default configUrl

重新启动项目，即可实现代理解决服务器跨域问题