SpringBoot:
在Controller类上要加上@CrossOrigin注解
Vue:
在根目录下创建一个vue.config.js文件,进行vue的配置
以下为vue.config.js中的代码
module.exports = {
devServer: {
port: 8889,
proxy: {
'/api': {
target: 'http://127.0.0.1:9002/recruit',
ws: true,
changeOrigin: true,
pathRewrite: {'^/api': ''}
}
}
}
}
我用的是axios,要在main.js中进行配置,如下
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import axios from 'axios'
axios.interceptors.request.use(config => {
config.headers.Authorization = window.sessionStorage.getItem('token')
// 固定写法return config
return config
})
Vue.prototype.$http = axios
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')
在vue页面访问你想访问的后台URL
有了vue.config.js中的配置,就可以将/api替换为http://127.0.0.1:9002/recruit,替换之后链接变为:http://127.0.0.1:9002/recruit/search/recommend.
跨域成功