Next项目路径怎么添加指定的访问前缀(next,开发技术)

时间:2024-05-07 08:15:16 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    Next%E9%A1%B9%E7%9B%AE%E8%B7%AF%E5%BE%84%E6%80%8E%E4%B9%88%E6%B7%BB%E5%8A%A0%E6%8C%87%E5%AE%9A%E7%9A%84%E8%AE%BF%E9%97%AE%E5%89%8D%E7%BC%80

假设我们添加的前缀为 /jimmy01/

更改页面访问前缀

准确的来说,这一步更改的是项目资源的访问前缀,不仅仅是页面的前缀。这一步骤,我们统一设置一个变量,然后引用资源。

统一设置的这个变量,在 next.config.js 文件中:

然后,我们在组件中引用,比如 Foot.js 公共组件:

也就是引入变量,然后访问,上面代码的访问资源地址比如:"{${publicRuntimeConfig.basePath}/footer/footer_medical.svg}"。

项目开发完成之后,执行打包命令行 npm run build 生成一份构建后的压缩文件夹 out,将其更名为 jimmy01,即 out -> jimmy01。我们将其上传服务器指定的路径,然后用 nginx 进行代理。

这里我们更改 nginx.config 中的 server 字段:

执行 nginx -s reload 使得配置生效。通过 http://domain.com/jimmy01/index.html 即可访问。

本文:Next项目路径怎么添加指定的访问前缀的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Python怎么免费试用最新Openai API下一篇:

16 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18