Apache访问项目时错误查找静态文件目录求助

• 问题原因：页面中引用js、css文件时使用了根路径开头的绝对路径（比如/file.js），Apache会将其解析为网站根目录（即htdocs）下的文件，而非project1/build/目录下的对应资源。

• 解决方案：

  1. 修改资源引用为相对路径：把页面里的/file.js改成./file.js或直接file.js，浏览器会自动从当前访问的project1/build/目录下查找资源。
  2. 配置Apache虚拟主机：若不想修改代码，可给project1配置虚拟主机，将访问入口直接指向htdocs/project1/build/目录，让根路径对应到build文件夹。配置示例：

     <VirtualHost *:80>
         ServerName project1.local
         DocumentRoot "/path/to/htdocs/project1/build"
         <Directory "/path/to/htdocs/project1/build">
             AllowOverride All
             Require all granted
         </Directory>
     </VirtualHost>
     

     配置后在本地hosts文件添加域名与IP的映射，即可通过http://project1.local直接访问，资源路径会自动匹配正确。
  3. 设置HTML的base标签：在页面<head>中添加<base href="/project1/build/">，页面中所有相对路径的资源都会基于这个基准路径解析，无需逐个修改引用地址。

补充：如果是Vue、React等前端框架打包生成的build文件，需在打包前配置公共路径（publicPath）为/project1/build/，打包后的资源引用会自动带上前缀。比如Vue项目在vue.config.js中设置：

module.exports = {
  publicPath: '/project1/build/'
}

内容的提问来源于stack exchange，提问作者nix86