Vue项目生成+跳转页面+跨域

1 创建文件夹
2 cnpm install vue
3 cnpm install --global vue-cli
4 vue init webpack my-project

vs code打开

一:页面跳转

新增页面Index.vue,script里面加入name:‘Index’
router/index.js里面新增

HelloWrold页面新增
<button @click="go()">跳转首页</button>

go方法:

     			  this.$router.push({
           		   path: "/Index"
        		    });
   			 }

二:获取接口内容: 后台接口9091

vue-axios 前后端分离 跨域访问的实现

安装axios: npm install axios --save
config/index.js下面的修改为

      '/': {
        target : 'http://127.0.0.1:9091',    //设置你调用的接口域名和端口号.别忘了加http
        changeOrigin : true,   //允许跨域
        pathRewrite : {
             '^/':''
            // '/'这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替。比如我要调用'http://api.douban.com/v2/movie/top250'，直接写‘/api/v2/movie/top250’即可

         }
   }

vue页面方法调用

     var data={
     workId:"5594",
     coid:"6052"
     } 
     this.$axios.post('/login/updateCompany',data)
       .then((res) => {
         console.log(res.data)
         // 这里要强调一下这个this 箭头函数指的是它的父级也就是vue实例  然后不用箭头函数的话 this是一个undefined 无法.movieArr来给他赋值  这里要注意一下 我被坑了半天 希望小伙伴不要被坑
       })
       .catch(
         err => {
         console.log(err);
       }
       )

   }