VUE B/S架构搭建之配置路由和前后端交互

VUE路由配置

1、安装路由插件

cnpm install vue-router --save-dev 

2、在src/router/index.js中引入 注册 配置

扩展：@表示src 这个在webpack中配置

用@表示src

 

3、在main.js中引入 并在new的vue添加router

4、App.vue页面  添加router-view

 

 

Vue前后端交互搭建

1、修改新建的vuex项目config路径

 

devServer 代表 npm run dev时的端口，

proxy，代表前后端交互的url,

/api  代表  target 所指路径,

比如/api/account/login  代表 http://127.0.0.1:8088/account/login

2、引入axios

npm install axios –save

3、调用

数据库如下图，这样一个基本的VUE+SpringBoot的前后端框架就搭建成功了，不过这只适合个人的小项目，不像企业级项目里面还有一堆其他的东西，用来做做毕设或许不错，hhhhhh