全栈工程师_java全栈工程师_全栈开发者学习经验总结

  • 首页
  • 开发工具
    • 软件安装
    • 软件使用
  • 前端
    • Ionic
    • Android
    • Capacitor
    • Angular
    • Vue
    • 苹果开发者账号
  • 后端
    • Java
    • Python
    • MyBatis
    • Spring
    • SpringBoot
    • SpringMVC
    • SpringCloud
  • 服务器
    • Linux
    • MySQL
    • Nginx
    • Tomcat
    • Docker
  • 其他
    • 生活碎片
    • 报错专区
  • 我
lipsuper
专注产出高质量原创手打文章
  1. 首页
  2. 前端
  3. Ionic
  4. 正文

Ionic项目部署到nginx上访问的时候页面空白问题的解决

2021年1月18日 762点热度 0人点赞 0条评论

ionic项目开发完成以后,执行ionic build --prod命令,然后就会生成一个www文件夹,按理说把www文件夹下的所有文件拷贝到nginx的html文件夹下就可以访问了。但是如果我们没有把www文件夹下的内容放到html文件夹呢?

我就遇到了这样的问题,我为了图方便,就在已经建好的网站的根目录下又新建了一个文件夹,然后把我的ionic项目文件放在这个文件夹下面,但是此时我的项目却无法访问。

按照一般的逻辑,我的ionic项目的入口文件也就是一个index.html文件,我在现有的网站下建一个文件夹,然后放入这个index.html文件也是应该能够访问的呀!

为什么会无法访问呢?通过查看控制台的信息我发现,ionc默认去nginx的根目录下找项目所需的js文件:

ionic项目找不到js文件

而实际情况是,这些项目所依赖的js文件,根本就没有部署到nginx的根目录下,而在我们自己为这个项目建立的文件夹下。当然就找不到了。(如果每个项目的js文件都放到根目录下也太可怕了,这样做可能会带来严重的后果,比如地球停转之类的。)

 

解决办法

目前我只想到了比较直接的解决办法,就是不要为了图方便,把ionic项目随便部署在已经存在的网站目录下,而是要新建一个目录,然后创建新的域名解析到自己的ionic项目目录。这样项目就可以正常访问了。当然我猜应该有别的方法,配置ionic项目去当前目录找js文件,但是目前还不知道怎么做。

 

本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: 踩坑
最后更新:2021年1月18日

lipsuper

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

取消回复

COPYRIGHT © 2021 lipsuper.com. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

渝ICP备2021004735号-1

渝公网安备 50011202502306号