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

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

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

相关推荐
Hi, how are you14 分钟前
GyAn数字资产守护系统
python·安全·http·网络安全·信息与通信
qq_4634084220 分钟前
React Native跨平台技术在开源鸿蒙中使用内置的`fetch` API或者第三方库如`axHarmony`来处理网络通信HTTP请求
javascript·算法·react native·react.js·http·开源·harmonyos
talenteddriver15 小时前
web: http请求(自用总结)
前端·网络协议·http
ZeroNews内网穿透20 小时前
EasyNode 结合 ZeroNews,实现远程管理服务器
运维·服务器·网络协议·安全·http
IT 行者1 天前
Spring Boot 4 升级指南:告别RestTemplate,拥抱现代HTTP客户端
spring boot·后端·http
YouEmbedded1 天前
解码Qt HTTP+JSON实战(天气GET解析/百度AI POST封装)
qt·http·qjson
张人玉1 天前
WPF HTTPS 通信示例使用说明
数据库·网络协议·http·c#·wpf
high20111 天前
【架构】-- HTTP 响应状态码详解
网络协议·http·架构
少云清1 天前
【接口测试】2_代码实现 _设置http请求语法
网络·网络协议·http
一线大码2 天前
安全保护协议 SSL 和 TLS 的区别
后端·http