Fatal编程技术网
  • reactjs/
  • Reactjs 从浏览器返回404调用的Nextjs路径（Nextjs，NGINX）

Reactjs 从浏览器返回404调用的Nextjs路径（Nextjs，NGINX）

reactjs nginx next.js

Reactjs 从浏览器返回404调用的Nextjs路径（Nextjs，NGINX）,reactjs,nginx,next.js,Reactjs,Nginx,Next.js,nextjs如何处理SEO？我试图通过从浏览器直接调用页面（localhost:8080/about）来呈现页面，但NGINX返回404。主页中嵌入的指向同一页面的链接正在工作，但无法使用URL直接加载该页面。NGINX或Nextjs应用程序中都需要其他配置 NextJS服务于站点本身，不使用nginx或Apache 在package.json文件中，脚本部分应该有一个next命令。我通常有： "scripts": { "build": "next build", "dev"

nextjs如何处理SEO？我试图通过从浏览器直接调用页面（localhost:8080/about）来呈现页面，但NGINX返回404。主页中嵌入的指向同一页面的链接正在工作，但无法使用URL直接加载该页面。NGINX或Nextjs应用程序中都需要其他配置

NextJS服务于站点本身，不使用nginx或Apache

在package.json文件中，脚本部分应该有一个
next
命令。我通常有：

  "scripts": {
    "build": "next build",
    "dev": "next"
  }
运行
warn dev
或
npm run dev
将引导站点，并允许您在本地连接到站点，查看它如何处理404和其他错误

当您部署站点时，它将使用这种服务器设置，而不是上面提到的任何一种服务器

我希望这会有帮助。

你能分享一些配置代码吗？
开箱即用的nextjs应该显示默认的export react组件，该组件位于点击时的pages/about.js或pages/about/index.js/about下。

由于您使用NGINX作为web服务器，您可能需要反向代理到您的nextjs应用程序

默认情况下，React/NextJS使用端口3000。文章中的URL指向端口8080。默认情况下，NextJS不使用NGINX，因此我认为呈现页面的是另一个web服务器，即NGINX

当您在nextjs项目上运行以下命令时，您将看到以下输出，它将显示正在服务的端口。然后尝试使用您的web浏览器查看

$ npm install
$ npm run dev
...
[ wait ]  compiling ...
[ ready ] compiled successfully - ready on http://localhost:3000
如果您的Project top目录中有一个server.js，或者您可以添加一个来配置应用程序将服务于哪个端口

如果您的web服务器启用了防火墙，则并非所有端口都可用

为什么在本地机器中使用Nginx？也许是为了测试？如果你不提供一些配置，就很难提供帮助。8080端口上运行的是什么？如何配置nginx以及如何运行下一个js应用程序