前后端跨域/ 同时运行两个项目

(1)后端配置端口

复制代码
server:
  port: 90

(2)前端 配置跨域资源共享(CORS)

复制代码
devServer: {
  disableHostCheck: true,
  port: 8088,
  proxy: {
    '/openapi': {
      target: 'http://192.168.31.109:90',
      ws: false,
      changeOrigin: true
    },

其它信息

默认端口80通常用于HTTP协议,是Web服务器默认监听的端口

所以在后端端口配置为80的时候,前端可以不写,就像下面这样

复制代码
devServer: {
  disableHostCheck: true,
  port: 8088,
  proxy: {
    '/openapi': {
      target: 'http://192.168.31.109',
      ws: false,
      changeOrigin: true
    },

所以同时运行两个项目的话,需要 更改后端的端口,和前端对应的端口配置

相关推荐
Knight_AL15 小时前
WebRTC / HLS / HTTP-FLV 的本质区别与选型指南
网络协议·http·webrtc
程序猿编码16 小时前
高性能HTTP服务压测工具:设计思路与实现原理(C/C++代码实现)
c语言·网络·c++·网络协议·tcp/ip·http
YYYing.1 天前
【计算机网络 | 第十一篇】计网之应用层(二)—— 万字解析 + 图解DNS、DHCP、HTTP2.0/3.0
网络·网络协议·计算机网络·http
Mcband1 天前
OpenFeign - 底层原理揭秘:动态代理 + HTTP 客户端如何工作
网络·网络协议·http
阿钱真强道1 天前
06 thingsboard-ubuntu20-rk3588-连通性-测试 MQTT HTTP COAP
网络·物联网·网络协议·http
捧 花1 天前
HTTP的补充
http·cookie·session·http缓存·工作流程
头发还没掉光光1 天前
HTTP协议从基础到实战全解析
linux·服务器·网络·c++·网络协议·http
budingxiaomoli2 天前
HTTP协议
网络·网络协议·http
你这个代码我看不懂2 天前
Spring Boot拦截Http请求设置请求头
spring boot·后端·http
Anthony_2312 天前
五、交换技术与VLAN
服务器·网络·网络协议·http·https·udp·信息与通信