1
2
3
4
5
6
7
8
9
10
proxyTable: {
 '/api': {  //使用"/api"来代替
   target: 'http://127.0.0.1:8000', //源地址
   changeOrigin: true, //改变源
   pathRewrite: {
     '^/api': 'http://127.0.0.1:8000' //路径重写
   }
 }
},

1
2
3
4
5
6
7
8
9
10
11
import Vue from 'vue'
import App from './App'
import router from './router'

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import login from '@/components/login'
Vue.use(Router)
export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      //访问的路径
      path: '/login',
      name: 'login',
      //页面
      component: login
    }
  ]
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import Vue from 'vue'
import App from './App'
import router from './router'
// 引用axios，并设置基础URL为后端服务api地址
var axios = require('axios')
//配置后端的访问地址
axios.defaults.baseURL = 'http://localhost:8000/'

axios.defaults.headers.post['Content-Type']='application/x-www-form-urlencoded;charset=utf-8';
// 将API方法绑定到全局
Vue.prototype.$axios = axios
Vue.config.productionTip = false

/* eslint-disable */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})