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

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

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

相关推荐
Kiyra6 小时前
WebSocket vs HTTP:为什么 IM 系统选择长连接?
分布式·websocket·网络协议·http·设计模式·系统架构·wpf
牛魔王_110 小时前
ASP.NET 超时机制分析
后端·http·asp.net·超时·代码
教练、我想打篮球13 小时前
123 safari 浏览器中下载 URLEncoder.encode 的中文名称的文件, safari 未进行解码, 其他浏览器正常
前端·http·safari
huangql52015 小时前
HTTP/1 VS HTTP/2
网络·网络协议·http
nnsix17 小时前
Http - POST请求
网络·网络协议·http
代码游侠17 小时前
应用——HTTP天气查询
网络·笔记·网络协议·算法·http
鲨莎分不晴17 小时前
告别TCP?HTTP/3与QUIC协议如何重塑下一代Web体验
网络协议·tcp/ip·http
找不到、了17 小时前
HTTP 长连接 vs 短连接:从 TCP 优化到 QUIC 时代的演进
网络协议·tcp/ip·http
有趣灵魂17 小时前
Java-根据HTTP链接读取文件转换为base64
java·开发语言·http
bkspiderx17 小时前
用Nginx解决HTTP跨域问题:两种实用方案详解
nginx·http·跨域·http跨域