技术共享

Andt Desgin Vue Pro 项目添加前缀访问解决

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina


前言

我们的前端是antd design vue pro开发的项目,之前我们可以通过
https://abc.test.io访问,现在多个项目通过一个域名,现在的需求是使用https://abc.test.io/admin 访问。这里记录下修改的的过程,这块前端框架大同小异,应该都可以借鉴到。


一、项目代码修改

vue.config.js 设置 publicPath

publicPath选项可以用于设置vue.js项目的访问路径前缀,例如我们的项目中需要用前缀/a访问

  // 区分开发和打包分别配置,打包配置的值和nginx配置的保持一致
  publicPath: process.env.NODE_ENV == 'development' ? '/admin' 
  • 1