准备前车架可以作为参考
通过代码生成Vue项目
后台框架
IDEA生成SpringBoot项目
要准备所需的js文件，必须首先定义全局变量。 如果以后需要更改地址的话会很方便
1、global-variable.js
//全局变量文件//baseURL:访问后台路径const base URL=' http://localhost 3360后台端口号'； export default { baseURL，}前台访问后台一定需要中间的桥。 这座桥使用request.js
2、request.js
//------------拦截器axios importglobalvariablefrom ' ./constant/global-variable.js '//引用变量文件此处为this 创建实例时设置的配置默认值constservice=axios.create ({ base URL : global variable.base URL， //访问地址timeout: 2000000 //设置超时时间}//针对请求的封装exportconstpost=(URL，param )={ return service ({ URL : } ) method 336666 data : param } (exportconstget=(URL，param ) ) returnservice ) URL:URL，method: 'get '，params 3:
3、baseApi.js
import {get，post } from ' ./request ' exportdefaultclassbaseapi { static $ get=get； 静态$ post=post； }写下我们需要的js可以分类((为了访问后台) )。
在这里定义了user.js
4、user.js
importbaseapifrom './base API.js ' exportdefaultclassuserextendsbaseapi {/* *所有学生*/staticasyncfindallstudent(} () } }页面调用user.js
5、FirstPage.vue
前台准备好后可以立即启动，例如在前台安装必要的插件，但中途会报告错误
因为这个时候没有加入axios。 因为我们在request.js的时候用了axios
1：安装axios（建议安装淘宝镜像）
npminstallaxios/cnpminstallaxios
2：项目导入
NPM install---- saveaxiosvue-axios/cnpminstall---saveaxiosvue-axios
3：页面导入(此处为2，request.js步骤结束)
importaxiosfrom‘axios’；
启动前台后启动成功
因为访问后台在这里进行测试，所以页面很简单
如何访问firstPage页面直接访问后台
这边会出现跨域问题
这个时候请不要慌张。 因为我经历过，所以在这边的后台解决跨域。 只要一个班就可以了
CorsConfig.java
importorg.spring framework.context.annotation.configuration； importorg.spring framework.web.servlet.config.annotation.CORS registry； importorg.spring framework.web.servlet.config.annotation.webmvcconfigurer； /** *跨域配置*/@ configurationpublicclassconfigimplementswebmvcconfigurer {/* * *打开跨域*/@ overridepublicvoidard 允许域间请求的根registry.addmapping ) /允许域间请求的域名(.allistry ) )的证书是否允许(cookies ).allowcredentials(true ) 分配方法)“*”/跨域许可时间(.maxage ) ) 3600 )； }再次访问后，访问成功！