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

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

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

相关推荐
cheems952710 小时前
[SpringMVC]Cookie 和Session 从无状态协议到状态保存实务
网络·http
听到微笑14 小时前
MCP传输协议演进:从SSE到Streamable HTTP
网络·网络协议·http
chxii16 小时前
在IIS中开启http跳转到https 和 http2的介绍
前端·http·https
kevien_G116 小时前
Http协议
网络·网络协议·http
handsomestWei1 天前
Docker引擎API接入配置
运维·http·docker·容器·api
大數據精準工單獲取2 天前
【数据抓取】 编写爬虫基本请求:使用爬虫框架发送 HTTP 请求,获取网页内容
爬虫·网络协议·http
时空自由民.2 天前
HTTP协议和MQTT协议区别
网络·网络协议·http
AI_Claude_code2 天前
网络基础回顾:DNS、IP封锁与HTTP/S协议关键点
网络·爬虫·python·tcp/ip·http·爬山算法·安全架构
robch2 天前
python3 -m http.server 8001直接启动web服务类似 nginx
前端·nginx·http
以太浮标3 天前
华为eNSP模拟器综合实验之- DHCP、DNS、HTTP和FTP服务器配置案例Client-Server
linux·服务器·windows·http·华为·信息与通信