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

以xammp为例

需要配置

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

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

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:完毕

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,923评论 18 139
  • 1.ngnix介绍 ngnix www服务软件 俄罗斯人开发 开源 性能很高 本身是一款静态WWW软件 静态小文件...
    逗比punk阅读 2,131评论 1 6
  • 此文章转载~ Apache伪静态(Rewrite).htaccess文件详解 Htaccess(超文本访问)是一个...
    bornfreekiss阅读 4,145评论 0 6
  • 八月近九月的天气依旧闷热,苏州刺史与一众大小官员立在盛泽镇内,镇令站在官员队伍的最后面,汗水由额头滴到他下垂的三角...
    柳树下有对睡莲阅读 599评论 0 6
  • 有问题要马上提出来,自己解决不了就找他人。比憋在心中成为问题要强得多。 因为自己的能力和现状不匹配,才会产生...
    斐丽希娅阅读 1,155评论 0 0