Vue项目 --- 接口联调

调整/config/index.js,更改target的属性为接口地址,如果跨域的话,要添加changeOrigin:true

proxyTable: {
      '/api': {
        target: 'http://travelapi.com',
        changeOrigin: true
      }
    },

为了能在真机上测试,我们打开package.json, dev这行添加--host 0.0.0.0就可以了。

"dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",

安装babel-polyfill插件,解决部分浏览器不能解析es6语法而白屏的问题。

npm install babel-polyfill --save

/src/main.js中引入

import 'babel-polyfill'

你可能感兴趣的:(Vue项目 --- 接口联调)