首先修改前端的代碼:
1:修改項目的根路徑坠狡,配置文件env.development中VUE_APP_BASE_API根據(jù)需要修改淹遵,如:
2:修改axios的代理,用于跨域负溪,在vue.config.js中修改proxy(老版本可能在config文件夾下的index.js)透揣,注釋掉after:
3:注釋掉mock的代碼,在src/main.js中:
4:修改訪問的url川抡,比如在src/api/user.js中:
5:修改axios的模式位history辐真,在src/router/index.js中:
6:service的baseURL需要修改成后臺的ip和port,在src/utils/request.js中:
7:最重要的在request.js中崖堤,往后臺傳值時需要對參數(shù)進行處理侍咱,否則后臺接收不到,使用qs模塊:
8:后臺需要配置cors跨域密幔,一個是建一個繼承自WebMvcConfigurer的類楔脯,重寫addCorsMappings方法:
同時,在方法上加@CrossOrigin也是可以的:
ps:我兩個同時用了才行胯甩,不知道什么原因
注意返回前臺時需要在方法前加上@ResponseBody
參考連接:vue-element-admin與后端交互流程(補)(跨域)
? ? ? ? ? ? ? ? ? ?