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

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

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

相关推荐
深蓝电商API3 小时前
HTTP/2 协议逆向:从 Fiddler 抓不到包说起
爬虫·网络协议·http·fiddler
fthux5 小时前
开源小工具 Who Arrives:看看你的公网 IP、地区、时区和网络
http·开源·github
程序员z714 小时前
【从0开始学计算机网络】| HTTP 协议的进化史
网络协议·计算机网络·http
长按助力退休1 天前
HTTP缓存从强缓存到协商缓存,前端性能优化第一步
http
谢亮_vipxieliang2 天前
Go net/http 标准库深入——构建生产级 HTTP 服务
http·golang·iphone
Da Da 泓3 天前
谈谈HTTP
网络·网络协议·http
花间相见3 天前
【计算基础|网络02】HTTP 原理:报文结构、方法语义与状态码
网络·网络协议·http
花间相见3 天前
【计算基础|网络01】网络模型与一次完整请求全景
后端·http
墨天梦3 天前
B15_HTTP解析与OkHttp拦截器
网络协议·http·okhttp