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

(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
    },

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

相关推荐
yanlou2339 小时前
[C++/Linux HTTP项目] HTTP服务器基于muduo高性能服务器搭载【深入详解】
运维·服务器·http·muduo库·http高性能服务器
不许哈哈哈10 小时前
HTTP协议基础(运维开发面试版)
http·面试·运维开发
王锋(oxwangfeng)11 小时前
Nginx 四层 TCP 与七层 HTTP 转发实战指南
tcp/ip·nginx·http
码农水水12 小时前
传音Java面试被问:HTTP/2的多路复用和头部压缩实现
java·开发语言·spring boot·后端·http·面试·职场和发展
她说..13 小时前
Java Web 开发:请求头、请求体、响应体 数据获取全攻略(附实战示例)
java·开发语言·spring boot·spring·http·spring mvc
奋斗者1号13 小时前
【MCP深度解析】Stdio vs SSE vs Streamable HTTP:三大通信机制全景对比与选型指南
网络·网络协议·http
宁雨桥13 小时前
HTTP 协议全景解析:无状态、明文与安全演进之路
网络协议·安全·http
zhaotiannuo_19981 天前
渗透测试之HTTP\HTTPS协议和BP抓包
网络协议·http·https
zzu123zsw1 天前
Chisel 实战指南:一条命令打通 HTTP 隧道
网络·网络协议·http
Julian.zhou1 天前
HTTP/1.1到HTTP/3全面演进指南:收益、实战成本与迁移策略
网络·网络协议·http