Next项目路径怎么添加指定的访问前缀
导读:本文共1881字符,通常情况下阅读需要6分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 更改项目前缀假设我们添加的前缀为 /jimmy01/更改页面访问前缀准确的来说,这一步更改的是项目资源的访问前缀,不仅仅是页面的前缀。这一步骤,我们统一设置一个变量,然后引用资源。统一设置的这个变量,在 next.config.js 文件中:functiongetBasePath(){return'/jimmy01'}module.expo... ...
目录
(为您整理了一些要点),点击可以直达。假设我们添加的前缀为 /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项目路径怎么添加指定的访问前缀的详细内容,希望对您有所帮助,信息来源于网络。