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怎样清理系统日志
  • 热门搜索
    蒜苔怎么做好吃 黑洞是怎么形成的 猪蹄怎么做 美容院怎么样 怎么画龙 金鱼怎么画 dnf怎么双开 qq邮箱的格式怎么写 万和热水器怎么样 神经衰弱怎么治疗