码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2018-10-11 17:04:25      阅读:312      评论:0      收藏:0      [点我收藏+]

标签:open   class   lin   change   tar   dex   key   bsp   ons   

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)
        })




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

标签:open   class   lin   change   tar   dex   key   bsp   ons   

原文地址:https://www.cnblogs.com/lieaiwen/p/9772927.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!