将Vue项目部署到Nginx

date

May 27, 2022

slug

status

Published

打包Vue项目

通过npm run build指令打包vue项目，得到dist目录。

npm run build

部署到nginx

我的nginx.conf文件配置：

server {
        listen       80;
        server_name  localhost;
        location / {
            root   share/nginx/html;
            index  index.html index.htm;
        }
}

先清空配置文件对应的目录中的文件，然后将打包项目生成的dist目录拷贝到配置文件对应的目录中：

rm -rf '$你配置文件的目录'/*
cp -rf '$你的vue项目的根目录'/dist/* '￥你配置文件的目录'

最后大功告成！