gpt4 book ai didi

javascript - 页面在初始页面加载时有效,但如果我刷新页面,我会收到 Zeit、Nextjs 和现在的 404 错误

转载 作者:行者123 更新时间:2023-12-05 00:33:14 25 4
gpt4 key购买 nike

我最近从 now v1 升级至v2 .
now dev 在本地运行一切并且所有页面都重新加载没有任何问题。但是,当我使用 now --prod 插入产品时并导航到一个页面,一切都按预期工作,但是如果我重新加载页面,我将进入错误页面,错误为 404
我必须承认,自从搬到 v2 后,我发现我应该如何设置我的项目有点模糊。 .我很确定它与我的路由有关......但我一直认为它直接从我的文件夹结构中获取路由?

更令人困惑的是,如果您重新加载,您将收到 404,但是从该 404 错误页面中,如果您使用导航,该网站将毫无问题地呈现。

According to the Docs ,它应该从文件系统中获取名称,我相信它确实如此,因为它最初导航到那里。

By default, routing is defined by the filesystem of your deployment. For example, if a user makes a request to /123.png, and your now.json file does not contain any routes with a valid src matching that path, it will fallback to the filesystem and serve /123.png if it exists.



现在.json
{
"version": 2,
"builds": [
{ "src": "next.config.js", "use": "@now/next" }
],
}

文件夹结构

enter image description here

下一个.config.json
const webpack = require('webpack')
const withCSS = require('@zeit/next-css')

module.exports = withCSS({
webpack: (config, {}) => {
const originalEntry = config.entry

config.entry = async () => {
const entries = await originalEntry()

if (entries['main.js'] && !entries['main.js'].includes('./polyfills.js')) {
entries['main.js'].unshift('./polyfills.js')
}

return entries
}
return config
},
env: {
env: process.env.NODE_ENV,
},
})

但是,是的,我被困住了,我会永远感激一些帮助:)

包.json

我不确定这是否有助于了解问题,但这是我的脚本。
  "scripts": {
"build": "next build",
"dev:inspect": "NODE_ENV=development nodemon --inspect server.js",
"start": "now dev",
"test": "echo \"Error: no test specified\" && exit 0",
"lint-scripts": "eslint './{Frontend/**,test/**,config/**,.}/*.js'",
"lint-styles": "stylelint './Frontend/**/*.css'",
"eslint": "eslint . --fix",
"lint": "npm run lint-scripts && npm run lint-styles",
"commit": "npx git-cz"
},

[编辑]
  "routes": [
{"src": "/index", "dest": "/" },
{"src": "/charts", "dest": "/charts" }
]

最佳答案

制作一个 vercel.json 并粘贴重定向规则代码。将文件保存在根目录中,然后重新部署。

{
"routes": [{ "src": "/[^.]+", "dest": "/", "status": 200 }]
}

关于javascript - 页面在初始页面加载时有效,但如果我刷新页面,我会收到 Zeit、Nextjs 和现在的 404 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58740591/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com