Vue-cli开发环境下跨域调试配置

 

安装vue-cli:

# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

# 安装依赖，走你

$ cd my-project

$ npm install

$ npm run dev

 

配置:

build文件夹下-> dev-server.js文件

 

找到

// proxy api requests
Object.keys(proxyTable).forEach(function (context) {
  var options = proxyTable[context]
  if (typeof options === 'string') {
    options = { target: options }
  }
  app.use(proxyMiddleware(options.filter || context, options))
})

 

删除或修改配置:

如api地址比如为:

www.xxxxxx.com/v1/....

改为配置为:

app.use('/v1', proxyMiddleware({target: 'https://www.xxxxxxxx.com', changeOrigin: true}));

　

页面请求是为:

this.$http.get('/v1/hot_search')
        .then(function (res) {
          console.log(res)
        })

 

　

然后npm run dev 就可以本地跨域调试了.

注意: 只可在测试环境下