Ionic 未发现具有角/PWA 404的离子型As PWA

w8rqjzmb  于 2022-12-08  发布在  Ionic
关注(0)|答案(2)|浏览(154)

我有一个离子应用程序,我使用作为一个pwa,我已经安装了@angular/pwang add @angular/pwa,然后我运行ionic build --prod,我上传所有的y www文件夹在我的服务器上,但当我刷新页面,我得到404 Not Found The requested URL was not found on this server.
有人知道为什么吗?我不知道我应该与您共享哪个文件和文件夹来帮助您,所以如果需要,请让我知道。谢谢大家

yhxst69z

yhxst69z1#

与用于app.module.tsas described here的Ionic LocationStrategy提供程序配合良好
使用ionic build --prod构建您的Ionic源代码,并使用NGINX提供生成的www文件夹。
NGINX default.conf配置示例:

server {
    ...
    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri /index.html?$args;
    }
    ...

NGINX的try_files指令将完成离子PWA路由的工作。使用F5刷新页面将不再显示404:)

5n0oy7gb

5n0oy7gb2#

这对你来说可能太晚了,但我的PWA也有同样的问题。如果你在www文件夹中查看并打开index.html文件,你将需要进行此更改。

<base href="/">

<base href="">

如果上面的方法不起作用,你可以尝试在你的项目根目录下放置一个.htaccess文件,它会把所有的请求发送回index.html页面,只需要创建一个.htaccess文件,然后把下面的代码放在这个文件中。

DirectoryIndex index.html
ErrorDocument 404 https://in-info-web4.informatics.iupui.edu/~username/appName/

相关问题