react单页面使用apache类静态服务器的相关设置

以xammp为例

需要配置

1:本地C:\Windows\System32\drivers\etc下host文件,增加下图红线中内容,127.0.0.1为固定本地ip

react单页面使用apache类静态服务器的相关设置_第1张图片

2:xampp的目录下我这里是E:\xampp\apache\conf\extra的httpd-vhosts.conf文件中增加下面这个内容,注意域名需要跟上图的一样,然后里面的DocumentRoot是放build出来的文件的所在目录,这里注意需要是在xampp安装目录里,若不想放这里需要另外更改xammp默认目录位置,否则无权限访问会报错,设置方法自行百度这里不多说

react单页面使用apache类静态服务器的相关设置_第2张图片

3:设置所有dvademo.com下的子路径都跳回自身index.hmtl

这里需要在build根目录内添加一个.htaccess文件,可以网上搜一个或者用webstorm创建一个这种没有名字只有后缀的文件

内容如下

# use mod_rewrite for pretty URL support

RewriteEngine on

# If a directory or a file exists, use the request directly

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

# Otherwise forward the request to index.php

RewriteRule . index.html


4:完毕

你可能感兴趣的:(react单页面使用apache类静态服务器的相关设置)