Vue项目部署到云服务器

本文主要是介绍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项目部署到云服务器的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！