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

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

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

相关推荐
tang777894 小时前
一张图看懂 HTTP、SOCKS5 代理的区别
网络·网络协议·http
雨天行舟11 小时前
abap调用deepseek接口 v3.0
http·ai·sap·abap·聊天·deepseek
小同志0011 小时前
网络原理 -KTTP/HTTPS(五) --认识响应“报头“(header) / “正⽂“(body)
java·网络·网络协议·http·https
键盘鼓手苏苏16 小时前
Flutter for OpenHarmony 实战:HTTP Parser — 协议解析的精密仪器
网络协议·flutter·http
hzc098765432116 小时前
报错The default superclass, “jakarta.servlet.http.HttpServlet“(已经配置好tomcat)
http·servlet·tomcat
有代理ip1 天前
常见数据采集问题及实操解决方案
爬虫·网络协议·http·golang·ssl
先做个垃圾出来………1 天前
HTTP 请求中 Content-Type 常见取值
chrome·网络协议·http
小同志001 天前
网络原理-HTTP/HTTPS(四)--认识请求 “正⽂“ (body)
网络·网络协议·http
梁辰兴1 天前
计算机网络基础:超文本传输协议 HTTP
网络协议·计算机网络·http·计算机·超文本传输协议·计算机网络基础·梁辰兴
小同志001 天前
网络原理-HTTP/HTTPS(三)--认识请求“报头“(header)
网络·网络协议·http