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

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

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

相关推荐
lunzi_082618 小时前
《图解HTTP》--第3章 HTTP报文内的HTTP信息
网络·网络协议·http
路由侠内网穿透21 小时前
本地部署开源 HTTP 服务器 OpenLiteSpeed 并实现外部访问
运维·服务器·网络·网络协议·http·开源
ppandss121 小时前
JavaWeb从0到1-DAY7-HTTP 请求与响应处理
网络·网络协议·http
Bat U1 天前
JavaEE|网络原理HTTP和HTTPS
网络协议·http·https
Shota Kishi2 天前
基于 Solana Geyser gRPC 数据流的 pump.fun 代币铸造实时检测:流式架构与 HTTP/2 协议分析
网络协议·http·架构
许长安2 天前
rpc和http的区别
经验分享·笔记·网络协议·http·rpc
Co_Hui2 天前
HTTP协议
http
许长安2 天前
gRPC 数据包传输格式解析:从 Protobuf 到 HTTP/2
c++·经验分享·笔记·http·rpc
芋只因2 天前
HTTP & HTTPS 详解
网络协议·http·https
皮卡蛋炒饭.3 天前
应用层协议HTTP
网络·网络协议·http