vue3项目部署在子目录的办法

解决办法

1. 查看项目主目录下受否有vue.config.js文件,没有就创建一个
   

2. 在文件里写下以下内容
   

   
   module.exports = {
     devServer: {
         open: true,  // npm run serve后自动打开页面
         host: '0.0.0.0',  // 匹配本机IP地址(默认是0.0.0.0)
         port: 8080, // 开发服务器运行端口号
     },
     publicPath: process.env.NODE_ENV === 'production' ? '/@/' : '/',
   }

   下面@处填写你要部署到的目录文件, 例如你要部署在xxx.com/test上，@处旧替换为test

3. 最后如果有路由的话，可以把路由的baseurl也修改一下