Vue项目部署到云服务器

2022/1/3 6:11:29

本文主要是介绍Vue项目部署到云服务器,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

打包

Vue项目执行打包命令,如npm run build
打包完成会在项目根目录下生成一个dist的目录,将该目录重命名后上传到服务器

修改nginx的配置文件

vim /.../conf/nginx.conf
    server {
        listen       80;
        server_name  localhost;

        location / {
            root   /home/projectXXX; # 项目dist目录
            try_files $uri $uri/ /index.html;  # 解决刷新报404的问题
            index  index.html index.htm;
        }

更改完重新加载配置文件

./nginx -s reload



这篇关于Vue项目部署到云服务器的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程