安装nginx

sudo apt install nginx

nginx -v

打包vue项目

npm run build

官方的Router文档中有相关解决方案：https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90

原因：vue的history模式下，切换路由本质是通过js操作window.history方法来改变浏览器地址栏里的路径，并没有发起http请求。但是当我直接在浏览器里输入这个地址的时候，其实是对服务器发起了http请求，而这个目标（即http请求的资源）在服务器上根本不存在，所以nginx会返回404。同理，500就是路径本身有错误。

在vue组件的style中@import了一些css文件，在加了scoped的情况下仍然会在全局生效，直接写或者引入stylus就没有问题。初步研究似乎是一个很怪的特性，不是配置上出了问题。记录一下。