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

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

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

相关推荐
mudtools7 小时前
HttpUtils:一个编译时生成的声明式 HTTP 客户端框架
网络·网络协议·http·.net
用户125758524361 天前
Go 里读取 request body 后,下游拿不到参数:别让日志中间件把请求吃掉
http·go·测试
曾令胜1 天前
HTTP协议基础总结
网络·网络协议·http
Helen_cai2 天前
OpenHarmony http 网络请求封装与全局拦截实战(API Version23 + 适配版)
网络·网络协议·http·华为·harmonyos
gugucoding2 天前
39. 【C语言】经典 C 项目实战:迷你 HTTP 服务器
c语言·开发语言·http
DLYSB_3 天前
《从零开始搭建机房轻量化“声光告警”系统:基于 HTTP API 与 TTS 的运维实践》
运维·网络协议·http·报警灯
一棵树73513 天前
跨域资源共享cors
http·cors
华清远见成都中心4 天前
物联网通信协议对比:MQTT、CoAP、HTTP到底该怎么选
物联网·网络协议·http
墨神谕4 天前
Streamable HTTP
网络·网络协议·http
AI 小老六4 天前
Agent 工程化新底座:用 CLI 契约层打通 HTTP 接口与业务能力
网络·人工智能·http·ai·架构