部署之后，在浏览器中寻址，将得到404

[xijaja]

solid 和 solid-router 的版本是：

"@solidjs/router": "^0.5.1",
"solid-js": "^1.6.2"

我使用命令将其部署到了 deno

pnpm run build \
	&& cd dist \
	&& deployctl deploy --project=xxxxxx \
	--token=xxxxxxx \
	--prod https://deno.land/[email protected]/http/file_server.ts

然后我访问了项目的地址，在访问 “/” 根目录时，如果你没有登录，我将使用导航将访问者送到 “/login” 登录页：

const navigate = useNavigate();
navigate("/login");

此时访问的地址是：https://domain/login但我不能刷新，如果我点击浏览器的刷新按钮将得到 Not Found，
并且，我也不能输入其他访问地址比如 https://domain/abcd 即使我拥有这个路由，也会得到 Not Found，
同时，在控制台也将得到 GET https://domain/login 404 或 GET https://domain/abcd 404 的错误。

我不明白，是我的操作有问题吗？我应该修改哪些代码？

[xijaja]

我尝试使用了下面的依赖，在部署后，其结果是一致的：

"vite-plugin-solid": "^2.4.0",
"vite-plugin-windicss": "^1.8.8"

当访问了某个页面就不能刷新，一旦刷新页面就会得到 Not Found，这是否是一个 bug ？

[xijaja]

https://loud-goat-60.deno.dev

这个项目使用的是这个代码：https://github.com/solidjs/templates/tree/master/ts-router
你可以点击进入 然后点击顶部的 about 或 error ，然后刷新页面，你将立即得到 Not Found。

[Brendan-csel]

When a page is visited, it cannot be refreshed, and once the page is refreshed, it will get it, is this a bug? Not Found

I don't have any experience with Deno sorry - but I don't think this is a solid-router issue.

It looks like Deno is just working as a plain web file server. I imagine your dist folder only has one .html file in the root folder so that is the only page the Deno knows how to serve. So Deno is returning 404 for all the other pages when you try to refresh them directly from the server.

My guess is you'd need to use a server-side framework that is compatible with Deno. I'm not sure if that includes solid-start at the moment.

[xijaja]

像这个问题，Netlify 添加一个 _redirects 文件，Vercel 添加一个 vercel.json 文件，如果 deno 也添加一个什么文件，那么我使用自己的服务器部署，应该添加什么文件呢？文件中应该写点什么？

[Brendan-csel]

What are you using for a web server? Express?

[xijaja]

Ubuntu 20.04 system,
Caddy (similar to Nginx),
golang fiber (http api)

[mosheduminer]

Since you are using caddy, you can set up redirects by adding this to your config (based on this blog post):

    handle_errors {
        @404 {
            expression {http.error.status_code} == 404
        }
        rewrite @404 /index.html
        file_server
    }

(I'm not actually familiar with caddy myself, I just found that blog post. The principle is to set the index.html as the 404 page).

[xijaja]

Since you are using caddy, you can set up redirects by adding this to your config (based on this blog post):

    handle_errors {
        @404 {
            expression {http.error.status_code} == 404
        }
        rewrite @404 /index.html
        file_server
    }

(I'm not actually familiar with caddy myself, I just found that blog post. The principle is to set the index.html as the 404 page).

wow! That's awesome, it's effectively resolved.

[xijaja]

Seems like my problem has been solved, either on Vercel or my own server. But I still want to know, how should I do it in Deno Deploy. I tried Google but I didn't find an answer.

[mosheduminer]

I don't think [email protected]/http/file_server.ts allows you to configure 404 behavior (based on reading this page). You could maybe open an issue with deno about that?

You could also create your own custom file server that serves up the index.html file instead of returning a 404 (you can probably just modify the official one).

[xijaja]

Okay, Thank u.

[xbmlz]

https://github.com/xbmlz/vitesse-solid，Opinionated Vite + SolidJS Starter Template
solid快速开发模板

[xijaja]

酷～

[xbmlz]

solid 和 solid-router 的版本是：

"@solidjs/router": "^0.5.1",
"solid-js": "^1.6.2"

我使用命令将其部署到了 deno

pnpm run build \
	&& cd dist \
	&& deployctl deploy --project=xxxxxx \
	--token=xxxxxxx \
	--prod https://deno.land/[email protected]/http/file_server.ts

然后我访问了项目的地址，在访问 “/” 根目录时，如果你没有登录，我将使用导航将访问者送到 “/login” 登录页：

const navigate = useNavigate();
navigate("/login");

此时访问的地址是：https://domain/login但我不能刷新，如果我点击浏览器的刷新按钮将得到 Not Found， 并且，我也不能输入其他访问地址比如 https://domain/abcd 即使我拥有这个路由，也会得到 Not Found， 同时，在控制台也将得到 GET https://domain/login 404 或 GET https://domain/abcd 404 的错误。

我不明白，是我的操作有问题吗？我应该修改哪些代码？

https://github.com/xbmlz/vitesse-solid，Opinionated Vite + SolidJS Starter Template
solid快速开发模板