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

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

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

相关推荐
Freak嵌入式5 小时前
aiohttps异步HTTPS库:uPyPI+MicroPython一键安装
人工智能·python·网络协议·http·https·micropython
木井巳6 小时前
【网络原理】初识相关概念
网络·网络协议·tcp/ip·http·https·udp
LCG元17 小时前
STM32实战:基于STM32F103的4G模块(EC20)HTTP通信
stm32·嵌入式硬件·http
饺子不吃醋20 小时前
深入理解HTTP:请求/响应、缓存机制、登录态与跨域
http
KevinCyao1 天前
彩信http接口如何接入?采用POST方式提交多媒体附件的彩信示例
网络·网络协议·http
johnrui1 天前
WebFlux 与普通HTTP(Spring MVC)详细对比
spring·http·mvc
帐篷Li2 天前
创建Controller HTTP测试脚本
网络·网络协议·http
本地化文档2 天前
requests-docs-l10n
python·http·github·gitcode
We་ct2 天前
EventSource & WebSocket & HTTP
前端·javascript·网络·websocket·网络协议·http·面试