基本思路:
使用proxyTable就是代理服务接口。

备注dev 是 Vue CLI 2.x 的配置,Vue CLI 3.x 开始使用:

使用:
相当于获取对应的(正则匹配的)接口,然后重新代理到指定的target处。

项目配置文件config.js 或者 config.index.js

module.exports = {
······
dev: {
  env: require('./dev.env'),
  port: 8080,
  autoOpenBrowser: true, //项目自启
  assetsSubDirectory: 'static',//除了index.html之外的静态资源要存放的路径,
  assetsPublicPath: '/',
  proxyTable: { //代理
    '/api': {
      target: 'http://www.abc.com',  //目标接口域名
      changeOrigin: true,  //是否跨域
      pathRewrite: {
        '^/api': '/'   //重写接口
      }
    }
}
Logo

前往低代码交流专区

更多推荐