Apache/NodeJS本地服务器Alias css/js 404

Question

所以我已经在本地完成了所有工作(Apache/NodeJS/framework7(，只是我想通过192.168.x.x在自己的网络中访问我的应用程序。我通过Apache ServerAlias设置了访问权限，它确实让我可以在桌面上看到应用程序。

我只在手机上通过IP访问时才会出现此错误。(也在桌面上(

得到http://192.168.2.21/packages/core/css/framework7.bundle.min.cssnet:：ERR_ABORTED 404(未找到(得到http://192.168.2.21/packages/core/js/framework7.bundle.min.jsnet:：ERR_ABORTED 404(未找到(

我想它不知怎么找错了文件夹？但我不知道为什么，我对node并没有太多的经验。

出于某种原因，它也无法在css文件中加载字体，但我也在同一个css文件中从/img加载图像，它们工作正常吗？得到http://192.168.2.21/fonts/exo/Exo-Regular.tffnet:：ERR_ABORTED 404(未找到(

所以http://localhost:3000/node-app/工作。但是http://192.168.2.21/不起作用，确实显示了页面，但没有加载css/js。

问题是我需要在手机上测试我的应用程序，因为它有一些仅限手机的功能，所以我必须能够从外部访问它。

我已经尝试过在Apache和NodeJS中更改一些配置，但似乎没有什么不同。

Apache配置

<VirtualHost *:80>
ServerAdmin webmaster@localhost
ServerName test.local
ServerAlias 192.168.2.21
DocumentRoot "D:xampphtdocstesttest-app"
<Directory />
Options -Indexes +FollowSymLinks
AllowOverride None
Require all granted
</Directory>
ProxyRequests Off
ProxyPreserveHost On
ProxyVia Full
<Proxy *>
Require all granted
</Proxy>
<Location 192.168.2.21>
ProxyPass http://127.0.0.1:3000
ProxyPassReverse http://127.0.0.1:3000
</Location>    
</VirtualHost>

Gulpfile

connect.server({
host: '127.0.0.1',
root: ['./'],
livereload: false,
port: '3000',
});

文件夹(并非全部(

test-app
- css
- js
node_modules
packages
- core
scripts
src
gulpfile.js
package.json

Answer 1

好吧，原来我有点盲目地想使用Apache来实现这一点。我现在的解决方案就是根本不使用Apache。

connect.server({
host: '192.168.2.21',
root: ['./'],
livereload: false,
port: '80',
});

然后我在根目录中创建了一个index.html，重定向到我的应用程序文件夹。

<meta http-equiv="refresh" content="0; url=/my-app" />

还要注意，将root更改为/我的应用程序无法工作，因为我在根文件夹中有packages/src文件夹。这将造成与以前相同的情况。