axios

服务端SpringBoot2.x ：localhost:8082 前端Vue2.x ：localhost:81 前后端的端口号不同，为跨域，导致前端访问后端时，每次访问都新生产一个sessionID。解决如下： 后端： 1.添加过滤器： package com.nsoft.gkzp.syscore.config.filter; import org.apache.logging.log4j.LogManager; import org.apache.logging.log4j.Logger; import org.springframework.web.bind.annotation.RequestMethod; import javax.servlet.* ; import javax.servlet.annotation.WebFilter; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; @Configuration //内置tomcat运行不加它没问题，但后来改为用外置tomcat时，启动后过滤器会失效，后来查明原因需要加上@Configuration才行 @WebFilter

1. vue前端实战注意事项 1.1. 预备 1.1.1. Eslint 这是个语法检查工具，我用webstorm作为开发的ide，这个语法检查还是太严格了，一个空格啥的都会报错，对新手来讲还是建议关闭，需要关闭的地方主要有两个，webstorm自身设置，在settings里搜Eslint，如下 代码里找到 webpack.base.conf.js 文件，注掉如下 1.1.2. 接口基地址 因为我的基础代码是代码生成器生成，里面有easymock的测试地址，这里需要替换成我们实际项目后台地址，找打 dev.env.js 文件 1.1.3. config/index.js 找到 index.js 文件，如果项目在开发阶段，建议 devtool: 'source-map' 设置成这样，否则可能会造成你的调试困难 1.2. 权限 前后端分离通常要设置权限，也就是用前端来限制访问，不允许不经过登录页就访问其它界面 这个由路由的切面来完成，代码如下，提供一种思路 import router from './router' import store from './store' import NProgress from 'nprogress' // Progress 进度条 import 'nprogress/nprogress.css'// Progress 进度条样式 import {

我们在 上一篇教程 中已经演示了如何通过 Request 请求实例获取各种文本输入数据，但是还有一种输入数据我们没有涉及到，那就是文件上传。我们可以通过 Request 请求实例提供的 file 方法获取用户上传文件，并将其保存到指定目录从而完成文件上传，接下来，我们将从前端到后端实现一个完整的用户上传文件功能，包括视图、路由、控制器部分代码。 定义文件上传路由 首先我们在 routes/web.php 中定义上传文件涉及到的路由： // 用于显式上传表单 Route::get( 'form' , 'RequestController@formPage' ); // 用于处理文件上传 Route::post( 'form/file_upload' , 'RequestController@fileUpload' ); 我们定义了一个 GET 路由 /form ，用于渲染用户上传表单页面，然后定义了一个 POST 路由 /form/file_upload ，用于实现文件上传逻辑。 接下来去控制器中初始化这两个方法。 初始化控制器方法 打开 app/Http/Controllers/RequestController.php ，初始化路由定义中指定的控制器方法，首先是 formPage 方法用于渲染表单视图，我们约定视图路径是 request.form （可以先创建一个空的视图文件