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怎样清理系统日志
  • 热门搜索
    1314520是什么意思 更夫是什么意思 四人不回头是什么意思 精致的反义词是什么 养尊处优的尊是什么意思 最近有什么好看的电视剧 什么是承兑汇票 私募是什么意思 脚踝肿了是什么原因 头晕是什么原因