TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

Vue 开发环境端口修改及跨域代理配置

本文介绍如何修改 Vue 开发环境的端口号,以及如何配置跨域本地代理,解决开发过程中前后端分离导致的跨域问题。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2021年11月2日
Mt.r
|
#JavaScript #Vue

Vue 修改开发端口及配置跨域本地代理

修改 vue.config.js,添加下面配置

devServer: {
  port: 8888,
  // https: true, //启用 https
  proxy: {
    '/api': {
      target: process.env.VUE_APP_BASE_URL,
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
    }
  }
},

备注

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS

上一篇
Nginx 前端配置及本地服务转发
本文档提供 Nginx 前端配置和本地服务转发的示例配置,包括使用 try_files 指令处理静态文件,以及使用 proxy_pass 指令将请求转发到本地服务。包含了 X-Forwarded-Proto 和 X-Real-IP 头部的设置。
下一篇
Vue.js 修改浏览器 URL 无刷新
使用 Vue.js 和 JavaScript 的 `window.history.pushState` 和 `$router.push` 方法修改浏览器 URL,无需刷新页面,并支持浏览器返回按钮功能。文章包含代码示例和详细解释。

目录

  • 备注

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub