Vue axios调用第三方接口跨域解决


1.

在config目录下index.js文件中设置proxyTable:

proxyTable: {
      '/v1': { target: 'https://api.douban.com', changeOrigin: true, pathRewrite: { // /v1将代表target/v1 '^/v1': '/v1' } } }

2.0 

2.

因为在新版的vue-cli的package.json中webpack-dev-server没有设置--open,所以打开package.json文件在”scripts”属性中的”dev”属性中手动添加--open,如下代码所示:

"scripts": { "dev": "webpack-dev-server --open --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" },

3.0 

3.

      axios
        .get(
          "/v1/getServiceInfo?xxxxxx" ) .then(res => { console.log(res.data) })





免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM