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

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

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

相关推荐
Voyager_413 小时前
OS八股:HTTP 与 WebSocket 的通信模型差异 —— 理解等待、轮询、阻塞与全双工
websocket·网络协议·http
深圳市恒讯科技16 小时前
在带有HTTPS的VPS上安装和部署n8n的最简单方法
网络协议·http·https
道剑剑非道19 小时前
使用独立 Asio 和 OpenSSL 实现 HTTPS 通信
网络协议·http·https
weixin_4624462319 小时前
mkcert 本地 HTTPS 证书全平台教程
网络协议·http·https
华纳云IDC服务商19 小时前
HTTPS是否能防止网站被劫持?
网络协议·http·https
唐古乌梁海20 小时前
HTTP/HTTPS 协议基础详解
网络协议·http·https
m0_7482459220 小时前
HTTP 协议概述
网络·网络协议·http
小码吃趴菜20 小时前
http实现服务器与浏览器通信
网络·网络协议·http
掘根1 天前
【仿Muduo库项目】HTTP模块3——HttpContext子模块
网络·网络协议·http