问题解决了,解决方式如下:
1、参考ccfish的意见,安装了http-proxy-middleware插件,配置了如下内容:
devServer: {
host: '127.0.0.1',
port: 8010,
proxyTable: {
'/自定义内容/': {
target: 'http://127.0.0.1:8080',
changeOrigin: true
}
}
结果报错:
Invalid configuration object. webpack-dev-server has been initialised using a configuration object that does not match
- configuration has an unknown property 'proxyTable'. These properties are valid:
修改为:
devServer: {
host: '127.0.0.1',
port: 8010,
proxy: {
'/api/': {
target: 'http://127.0.0.1:8080',
changeOrigin: true,
pathRewrite: {
'^/api': '/自定义内容'
}
}
}
可以正常使用;
另外我把vue-resource 切换成了axios
配置如下:
import axios from 'axios';
axios.defaults.withCredentials=true;//让ajax携带cookie
Vue.prototype.$axios = axios;
后台项目拦截器中增加了,修改如下:
response.setHeader("Access-Control-Allow-Headers", "X-Requested-With, accept, content-type, exception");
response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Origin", "http://127.0.0.1:8010");//前段项目的域
Access-Control-Allow-Credentials 设为true的话,Access-Control-Allow-Origin就不能设为*了,只好改成具体的域了,这样就可以多次请求取到的session id就一致了。
最后非常感谢ccfish 、暗暗啊和工口会员!
ps:
原来使用的验证就是token,主要是项目小,要求也不高,不想用token了,