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

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

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

相关推荐
.小小陈.2 小时前
应用层协议 HTTP 全解析:从基础到实战
网络·网络协议·http
Irissgwe12 小时前
五、应用层协议HTTP
linux·网络·网络协议·http·状态码·url
曾阿伦13 小时前
Python 搭建简易HTTP服务
开发语言·python·http
米丘17 小时前
浏览器 本地存储 (cookie 、sessionStorage、localStorage)
安全·http·浏览器
Irissgwe18 小时前
5-2 - HTTPS 协议原理
网络协议·http·https·非对称加密·ca·https协议原理
sugar__salt18 小时前
LLM服务HTTP接口实战:前端HTTP请求全解与项目落地
前端·网络协议·http
雪的季节19 小时前
HTTP 和 HTTPS 五大核心区别
数据库·http·https
代码中介商1 天前
HTTP 完全指南(二):缓存机制深度详解
网络协议·http·缓存
Irissgwe1 天前
5-1、HTTP cookie与session
linux·http·cookie·session
开发者联盟league1 天前
container登录失败解决方法。http: server gave HTTP response to HTTPS client
数据库·http·https