yarn build
* 在/etc/Nginx/sites-enabled文件夹下新建skill.conf文件
sudo vi /etc/Nginx/sites-enabled/skill.conf
* 内容如下
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root /home/user/Downloads/resume/resume-frontend/dist; //你的dist文件夹位置
try_files $uri $uri/ /index.html last; //解决history模式除主页外404问题
index index.html index.html;
}
}
- 测试(重启Nginx,访问项目)
service Nginx restart
* 访问
- 注意
* 如果你的vue工程用的路由是history模式,需要将客户端发来的url重定向到默认的index.html,才能正常访问。否则只能看到主页。刷新或点击其他页面都会404 。-- 即上面的try_files配置
* root后面的地址是项目上传的路径。try_files是添加到index的映射。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。