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

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

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

相关推荐
李庆政37017 小时前
OkHttp的基本使用 实现GET/POST请求 authenticator自动认证 Cookie管理 请求头设置
java·网络协议·http·okhttp·ssl
IT WorryFree17 小时前
LLD 自动发现场景 → 对应使用哪种探测方式(SNMP/HTTP/Agent)最优
网络·网络协议·http
dling818 小时前
nginx如何配置https请求访问
nginx·http·https
房开民19 小时前
http服务端 mongoose常用api
网络协议·http·xcode
好好学习,天天向上~19 小时前
一套从 HTTP 抓取到动态页面爬取的 Python 全栈爬虫框架(附安装与实战)
爬虫·python·http
大连好光景1 天前
接口测试之Postman+Jmeter
jmeter·http·postman
米丘2 天前
从 HTTP 到 WebSocket:深入 Vite HMR 的网络层原理
http·node.js·vite
A.A呐2 天前
【Linux第二十一章】http
linux·运维·http
白毛大侠2 天前
WebSocket 核心:借 HTTP 建联,做自己的通信
websocket·网络协议·http
難釋懷2 天前
OpenResty封装http工具
http·junit·openresty