vue 项目部署后刷新出现404

news/2024/7/10 0:16:33 标签: vue, nginx

为了去掉路径中的"#",把Vue项目的mode"hash"改成"history""#"消失了,却有了新的问题:部署后刷新就转到404页面。

在网上找到解决方法:配置nginx,参见这里。

location / {
  root ...
  index ...
  try_files $uri $uri/ /index.html; ---解决页面刷新404问题
} 

于是去修改配置。服务器是Ubuntu 18.04版本,在/etc/nginx路径下找到配置文件nginx.conf,打开一看却没有server项。于是手动在http项下添加server项,并配置location项,重启nginx,发现并未生效。

后来参考这里,才知道默认的server配置不在nginx.conf文件中,而是在/etc/nginx/sites-availabledefault文件中。修改其如下:
在这里插入图片描述
重启nginx,问题解决。


http://www.niftyadmin.cn/n/1738906.html

相关文章

An attempt was made to call a method that does not exist.

本地运行没问题的应用,打包后放到tomcat运行出现以下错误: 大致意思就是com.google.common.collect.FluentIterable.toList()方法不存在,而FluentIterable这个类可在phoenix-client-4.14.1-HBASE-1.3.jar和guava-20.0.jar中找到。 判断是依赖…

shell脚本:根据jar包名重启jar包

#!/bin/bash#时间 #PID$(jps -l|grep offline-analysis-1.0.jar|awk {print $1}) #用jps不知道为什么不成功time$(date "%Y-%m-%d %H:%M:%S") echo "${time}" #找pid #grep xxxxx 找到该jar包名 #grep -v xjar排除xjar中出现的jar包名 #grep -v grep 排除g…

Java HashMap按照value值排序的方法

HashMap的value值没有排序功能&#xff0c;若要进行较轻松的排序&#xff0c;可改写Comparator接口方法compare进行排序&#xff0c;代码如下&#xff1a; Map<String, Integer> map new HashMap<String, Integer>(); map.put("d", 2); map.put("…

nginx配置反向代理无效

nginx配置了反向代理,访问时却报404错误. 查看nginx日志,发现如下错误: 2021/12/27 17:17:11 [crit] 126352#126352: *2 connect() to 127.0.0.1:8090 failed (13: Permission denied) while connecting to upstream, client: 192.168.4.197, server: _, request: “POST /user…

jar包启动/停止脚本

#!/bin/bash #这里可替换为你自己的执行程序&#xff0c;其他代码无需更改 APP_NAMEXXXX.jar#使用说明&#xff0c;用来提示输入参数 usage() {echo "Usage: sh 脚本名.sh [start|stop|restart|status]"exit 1 }#检查程序是否在运行 is_exist(){pidps -ef|grep $APP_…

vue:多重嵌套的子组件调用父组件方法

vue中子组件调用父组件一般用emit方式,如下: 父组件: methods:{fathermethod(param){console.log(param)} }子组件: this.$emit("fathermethod",param)对于多层嵌套的父子组件,用emit会无效. 可使用provide/inject方式: 父组件:data () {return {}},methods: {XXXX…

从.frm和.ibd文件恢复InnoDB引擎的数据

因为操作不当会导致mysql数据的丢失,但磁盘上数据还存在. 这里记录InnoDB存储的数据恢复的步骤.主要参考这里 找到数据存储位置 在mysql配置文件my.cnf(怎么找my.cnf?可以updatedb后locate my.cnf)中找到 datadir/xxx/xxx就是数据数据存储路径 在数据目录下会看到所有数据,…