기술나눔

Andt Desgin Vue Pro 프로젝트에 접두사 액세스 솔루션 추가

2024-07-12

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


머리말

우리 프론트엔드는 antd design vue pro에서 개발한 프로젝트입니다.
https://abc.test.io에 액세스합니다. 이제 여러 프로젝트에서 하나의 도메인 이름을 사용하여 액세스합니다. 수정 프로세스가 여기에 기록되어 있습니다. 이 프런트엔드 프레임워크는 유사하므로 참조용으로 사용해야 합니다.


1. 프로젝트 코드 수정

vue.config.js는 publicPath를 설정합니다.

publicPath 옵션은 vue.js 프로젝트의 액세스 경로 접두사를 설정하는 데 사용할 수 있습니다. 예를 들어 우리 프로젝트에는 접두사 /a를 사용한 액세스가 필요합니다.

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