IntelliJ IDEA内置服务器项目根目录跳转异常解决方案咨询
解决本地服务器与GitHub Pages路径不一致的问题
方案1:调整IntelliJ内置服务器的根目录
把你的project文件夹设为IntelliJ的项目根目录,这样内置服务器启动后,访问路径会变成localhost:port/index.html,此时href="/"就会正确指向项目根,和GitHub Pages的行为一致。
操作步骤:
- 打开IntelliJ,点击
File->Project Structure->Modules - 选中当前模块,在
Content Roots里把project文件夹设为根目录 - 重启内置服务器,访问路径就会以
project为根
方案2:改用相对路径
把所有href="/"这类绝对路径改成相对路径,比如用./(指向当前目录)或者根据文件层级调整为../。这种方式不用改任何配置,本地和GitHub Pages都能正常识别,比如当前在index.html里,href="./"的效果和href="/"在GitHub Pages上的效果一致。
方案3:使用<base>标签统一路径前缀
在HTML的<head>里添加<base>标签,本地运行时设置为<base href="/project/">,这样所有绝对路径都会自动带上/project/前缀;部署到GitHub Pages时,改成<base href="/">即可。
如果不想手动切换,可以用IntelliJ的环境变量或者简单的构建脚本(比如用Node.js批量替换)来自动切换这个标签的内容。
内容的提问来源于stack exchange,提问作者Rezette
相关产品推荐
相关产品推荐

