能否在非根路径运行vue-cli-service serve用于测试？是否有相关文档？

有两种常用实现方式，相关配置在官方文档中也有明确说明：

• 临时启动指定路径
  直接在启动命令后追加--public-path参数，指定需要的非根路径，比如：

  vue-cli-service serve --public-path /test/
  

  启动后访问http://localhost:8080/test/即可打开项目，此时所有静态资源、路由都会基于/test/路径加载，适合临时测试场景。

• 配置文件永久生效
  在项目根目录的vue.config.js中配置publicPath，可以区分开发和生产环境：

  module.exports = {
    publicPath: process.env.NODE_ENV === 'production'
      ? '/your-prod-path/' // 生产环境实际部署路径
      : '/test/' // 开发环境要模拟的非根路径
  }
  

  配置完成后，直接运行vue-cli-service serve就会自动以/test/作为基础路径启动服务。

官方文档相关说明 #

Vue CLI的publicPath配置项同时适用于开发和生产环境，它定义了项目部署的基础URL。开发时设置该值就能模拟非根路径的运行场景，覆盖静态资源引用、路由跳转等相关逻辑，完全满足测试相对路径、重定向、环境变量的需求。

内容的提问来源于stack exchange，提问作者Mike