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

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

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

相关推荐
zl_dfq2 小时前
计算机网络 之 【http协议】(http的无状态性、Cookie与Session的简介)
网络协议·计算机网络·http
添砖java‘’2 小时前
应用层协议HTTP
网络·网络协议·http
闻道且行之2 小时前
C/C++ HTTP 服务:常用方法与实现方式全解析
c语言·c++·http·libhv·curl·mongoose·libcurl
闻道且行之4 小时前
libhv 安装与使用全流程教程
c++·http·socket·libhv·c/c++
zl_dfq18 小时前
计算机网络 之 【http协议】(hppt请求与响应细节、http版本与连接管理)
http
孤影过客20 小时前
互联网谍战:HTTPS如何守护数据,以及头顶的量子阴云
网络协议·http·https
牛奶20 小时前
为什么全国人民都能秒开同一个视频?
前端·http·cdn
萝卜白菜。1 天前
Http GET / 请求返回值不同的问题
网络·网络协议·http
jessecyj1 天前
Nginx中$http_host、$host、$proxy_host的区别
运维·nginx·http
博语小屋1 天前
Reactor、epoll下设计一个简单的网络版本计算器
服务器·开发语言·网络·网络协议·http·php