Vue项目服务器部署之子目录部署

 时间:2024-10-14 04:25:05

1、首先介绍一下Poi,我们的项目没有使用webPack进行前端工程项目管理,使用了Poi进行管理:Develop web apps with no build configuration until you need.也就是说Poi对webpack进行了封装,0配置开发Web应用。可以使用poi.config.js文件配置poi的配置,也可以直接在package.json中进行配置。

Vue项目服务器部署之子目录部署

3、poi项目如果需要打包到子目录,必须设置homePage为子目录。这是第一步

Vue项目服务器部署之子目录部署

5、第三步保证Css文件中的资源路径为相对路径。

Vue项目服务器部署之子目录部署

7、然后执行npm run dev 也就是npm build.观察打包后的index.html,css文件等。

Vue项目服务器部署之子目录部署

8、然后配置nginx到二级目录: location /ticket { alias /root/java/ticket/dist/; try_files $uri $uri/ @rewrites; } location @rewrites { rewrite ^/(ticket|sign|reimburse)/(.+)$ /$1/index.html last; }这里$1对应url中的ticket,由于我这里有多个项目共用了rewrite所以逻辑或了三个,如果只有一个子目录,使用^/(ticket)/(.+)$,这里切记要把ticket扩起来。

9、项目部署成功!

Vue项目服务器部署之子目录部署
  • 如何为资源管理器设置独立进程
  • u深度u盘启动盘设置系统临时文件教程
  • 联想y450安装黑苹果教程
  • 如何导入导出新版OPERA的书签
  • win10怎样清理系统日志
  • 热门搜索
    发票打印机怎么安装 肉圆怎么做好吃 税点怎么算 锡纸烫发型图片 恍惚的近义词 古装发型图片 怎么清理浏览器缓存 性冷淡怎么治 喜宝奶粉怎么样 博物馆奇妙夜