Apache服务器,vue刷新出现404的配置

解决来源:vue 采用mode: ‘history’ 模式的时候,打包上线到Apache配置的web静态服务器的时候,刷新页面的时候会出现404页面。
1-首先安装Apache:
①、打开apache官网http://httpd.apache.org/ (或百度"download apache")。
Apache服务器,vue刷新出现404的配置
②、点击Download,出现以下界面 。 Apache服务器,vue刷新出现404的配置
③、选择Windows版下载,点击链接。
Apache服务器,vue刷新出现404的配置
④、选择Windows版下载2.4.41。
2-安装Apache:
①在D盘创建文件夹,下载之后的解压把解压并放置在这个文件夹中
Apache服务器,vue刷新出现404的配置
Apache服务器,vue刷新出现404的配置
Apache服务器,vue刷新出现404的配置
③,如何通过cmd安装Apache
@@@打开cmd程序的时候以管理员身份运行就行了。

Apache服务器,vue刷新出现404的配置
Apache服务器,vue刷新出现404的配置
@@修改端口号:
Apache服务器,vue刷新出现404的配置
Apache服务器,vue刷新出现404的配置
Apache服务器,vue刷新出现404的配置
3-启动Apache服务器
①-右键我的电脑-管理-选择服务和应用程序-服务
Apache服务器,vue刷新出现404的配置
②-启动Apache服务器就可以了
Apache服务器,vue刷新出现404的配置

**好了,在这里基本配置已经做好了,接下来就可以用本地端口访问一下,看出来了没有。浏览区地址栏输入自己的本机IP地址加上端口号,看看有没有出来!http://192.168.1.35:3335

4-重点-重点-重点,Apache配置
①-搜索mod_rewrite.so,去电前边的#号
Apache服务器,vue刷新出现404的配置
Apache服务器,vue刷新出现404的配置
②-我是在htdocs-文件夹下创建了一个文件夹,用来放vue 打包过后的index.html和static文件夹

Apache服务器,vue刷新出现404的配置
Apache服务器,vue刷新出现404的配置
Apache服务器,vue刷新出现404的配置
这这个文件中需要写一个文件名为.htaccess的文件
Apache服务器,vue刷新出现404的配置

好了,最后我们重新启动Apache 就可以访问了,这样不管我们这么刷新都不会出现404页面了
http://192.168.1.30:3335/ibms/index