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

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

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

相关推荐
invicinble4 小时前
http协议的底层实现方式与交互过程
网络协议·http·交互
qq_411262426 小时前
使用ESP-IDF的HTTP OTA Demo测试,开启蓝牙功能后,HTTP下载速度就非常慢
网络·网络协议·http
鲨莎分不晴7 小时前
HTTP协议全解:从三次握手到HTTP/3的进化史
网络·网络协议·http
VekiSon8 小时前
Linux网络编程——网络数据封装与 HTTP 协议
网络·网络协议·http
东东的脑洞8 小时前
【面试突击】深入理解 TCP 三次握手与 HTTP 协议演进
tcp/ip·http·面试
ベadvance courageouslyミ8 小时前
网络编程(三)HTTP
网络·网络协议·http
微爱帮监所写信寄信8 小时前
HTTPS技术架构与微爱帮监狱写信寄信小程序EV证书深度解析
网络协议·http·https·监狱寄信·微爱帮
TracyCoder1239 小时前
告别明文传输:HTTPS 加密机制
网络协议·http·https
Irene199110 小时前
HTTP 缓存详解
http·缓存
Knight_AL11 小时前
HTTP 状态码一览:理解 2xx、3xx、4xx 和 5xx 分类
网络·网络协议·http