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

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

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

相关推荐
huohaiyu2 小时前
HTTPS的加密流程
网络协议·http·https
Barkamin4 小时前
HTTPS的工作过程
网络协议·http·https
cccyi74 小时前
支持 HTTP 协议的主从 Reactor 高性能服务器组件
服务器·http·reactor
上去我就QWER1 天前
详解HTTP协议中的multipart/form-data
网络·网络协议·http
sugar__salt1 天前
网络原理(五)——HTTP
网络·网络协议·http
芒果披萨1 天前
http请求
网络·网络协议·http
Predestination王瀞潞1 天前
5.3.1 通信->HTTP3超文本传输协议标准(IETF RFC 9114):HTTP(HypetText Transfer Protocol)
网络协议·tcp/ip·http
先跑起来再说1 天前
HTTP到底是什么?一次讲清楚
网络·网络协议·计算机网络·http
我爱吃土豆11 天前
HTTP首部讲解
后端·http·web
闻道且行之1 天前
ESP32 搭建 HTTP 服务:接收图片并实时显示
网络·网络协议·http·esp32·tft_espi