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

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

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

相关推荐
白太岁1 小时前
通信:(10) 应用层(第5层):http 与 https
网络协议·http·https
有浔则灵2 小时前
Go 语言 net/http 包详解:从入门到实战
http·golang·xcode
铭哥的编程日记3 小时前
DNS解析 HTTP TCP/IP ICMP/NAT/NAPT相关知识点
网络协议·tcp/ip·http
cheems952715 小时前
[网络原理]http协议理论基础以及wireshark抓包分析(二)
网络·http·wireshark
cheems952718 小时前
[网络原理]http协议理论基础以及wireshark抓包分析(一)
网络·http·wireshark
牛奶20 小时前
为什么敲几个字母就能访问网站?DNS原理大揭秘
前端·http·dns
牛奶20 小时前
HTTP裸奔,HTTPS穿盔甲——它们有什么区别?
前端·http·https
AI-小柒21 小时前
开发者一站式数据解决方案:通过 DataEyes API 一键配置智能数据采集与分析工具
大数据·人工智能·windows·http·macos
yangyanping201081 天前
Vue入门到精通六之一个简单的请求HTTP接口
前端·vue.js·http
zephyr051 天前
TCP/IP协议族详解:应用层协议HTTP
网络协议·tcp/ip·http