开发日记2 --通过网页内链接跳转url正常而直接输入url则报404错误的问题

通过网页内链接跳转url正常而直接输入url则报404错误的问题

又经过一天的编写，现在前台门户网站已经完成了前三个功能(网站首页，球队成员，球队相册)我将其发布到服务器上后访问我的ip地址xxx，重定向到xxx/welcome，如图：

点击球队成员后页面转变，url改变，如图：

但直接在浏览器中输入ip地址/welcome或ip地址/member就会。。。。

通过上网查阅资料发现，所谓的/welcome,/menber这些地址都不是真实存在的，是vue-router中虚拟出来一些地址，当通过网页中vue-router跳转页面的时候可以正常显示；而通过浏览器输入地址访问时nginx自然找不到这些页面了。解决办法就是在服务器nignx的配置文件中修改：

location / {
                # First attempt to serve request as file, then
                # as directory, then fall back to displaying a 404.
                try_files $uri $uri/ /index.html;
        }

意思就是当nignx找不到路径下的文件时自动跳转到index.html中去
问题解决。