vue框架的跨域--vue.config.js

• vue框架的跨域

  node + vue + webpack + webpack-dev-server搭建的项目，跨域请求接口，
  直接修改webpack.config.js（vue.config.js）配置。
  开发环境下，vue渲染服务和接口代理服务都是webpack-dev-server同一个，所以页面与代理接口之间不再跨域。

  vue.config.js配置如下：【其他方式配置参考】

  const { defineConfig } = require('@vue/cli-service')
  module.exports = defineConfig({
    transpileDependencies: true,
    devServer: {
      open: true,       // 服务启动，自动打开浏览器
      port: 1024,
      proxy: {
        'api': {
          target: 'http://127.0.0.1:8088/',
          changeOrigin: true
        }
      }
    },
    configureWebpack: {
      resolve: {
        alias: {
          '@': 'src'
        }
      }
    }
  })
  

关注公众号：有点建树-AI，做更多交流。