Tag: next.js

允许从Express中的不同文件访问variables

我有2个Javascript文件。 一个app.js文件和productController.js 。 我在app.js设置了一个variables，需要在productController.js访问它 ……. const next = require('next') const dev = process.env.NODE_ENV !== 'production' const nextLoader = next({dev}) const handle = nextLoader.getRequestHandler() nextLoader.prepare().then(() => { const app = express(); app.use(cors()); app.set('nextRender', nextLoader) <—– ……. 然后在productController.js即时通讯尝试使用我在app.js文件中设置的nextRender 。 const Product = require('../models/Product.js') exports.listProducts = (req, res) => { nextRender.render(req,res, '/products') }

如何使用NextJS和React Router呈现服务器端反应内容？

我需要从服务器端渲染我的React应用程序。 为此，我使用了next.js框架。 但是我面临着两个问题。 首先，我需要dynamic地提供我的应用程序。 这意味着我需要一个服务器端路由器根据当前的url显示我的反应组件。 然后，我需要在渲染我的组件之前加载一些dynamic数据。 所以我需要将这些数据从节点传递给我的反应组件。 这是我目前的情况： // In Node.js app.get("/",function(req,res){ return app.prepare() .then(() => handle(req, res)) .catch(ex => { console.error(ex.stack) process.exit(1) }) }) //In React.js import React from 'react' export default class Index extends React.Component{ render(){ return( <div> <p>Hello Server Side Rendered React App from Google Cloud Front</p> </div> ) } } 所以我该怎么做 […]

请求开发模式localhost中的Next.js应用程序在不同端口上运行的Graphql API

我目前切换现有的应用程序从创build反应应用程序到next.js，似乎一切正常工作，除了我的API端口运行在另一个节点应用程序在端口4000，我无法从我的next.js应用程序。 我跟着回购的例子，但我不能使它的工作，在生产中我使用nginx作为反向代理没有问题，但我在开发模式。 为了设置与Redux的阿波罗我跟着这个例子： with-apollo-and-redux和代理我用这个例子与自定义反向代理 我知道，我做错了，我现在还搞不清楚 在initApollo.js中 … function create() { return new ApolloClient({ ssrMode: !process.browser, networkInterface: createNetworkInterface({ uri: "/api" }) }); } … 在server.js中 … const devProxy = { "/api/": { target: "http://localhost:4000/api/", changeOrigin: true } }; app .prepare() .then(() => { const server = express(); if (dev && devProxy) { const proxyMiddleware = require('http-proxy-middleware') […]