在毕设开发时,由于用react开发前端,SSM开发后端,在二者需要数据交互的时候,发现二者的端口不一样,会出现喜闻乐见跨域问题,由于react用了devServer(webpack-dev-server),所以可以使用devServerd 的proxy解决。
比如我前端的路径为http://localhost:8888,而后端启动的服务为http://localhost:8080,正常来说我们应该在写向后端请求时用8080的接口,比如正常情况下我向后端请求的数据接口为http://localhost:8080/SSM/help/getHelpList,但是会有跨域问题,所以只能用8888发送请求http://localhost:8888/api/help/getHelpList,然后再使用devServer的proxy转发。
devServer: {
contentBase: "./build", //本地服务器所加载的页面所在的目录
historyApiFallback: true, //不跳转
port: 8888, //设置默认监听端口,如果省略,默认为”8080“
inline: true, //实时刷新
proxy: {
"/api": {
target: "http://localhost:8080",
pathRewrite: {"^/api" : "/SSM"}//这里把/api换成/SSM
}
}
1万+



被折叠的 条评论
为什么被折叠?



