Vue.js是客户端语言,所以部署的时候是不需要基于nodejs或其他服务器运行环境,只需要像其他静态站点的方式发布就可以了,下面介绍一下VueJs具体发布的流程还有需要注意的点
项目打包命令 npm run build
把打包的dist压缩zip包,使用ftp工具上传到服务器,解压如果没有解压工具需要安装如下
一、安装支持ZIP的工具
yum install -y unzip zip
二、解压zip文件
unzip 文件名.zip
三、压缩一个zip文件
zip 文件名.zip 文件夹名称或文件名称
nginx部署vue工程
修改配置:
# vim /usr/local/nginx/conf/nginx.conf
server {
listen 8099;
server_name localhost; //其实最好改成你的ip 不要写域名 localhost在这台server上相当于是10.xxx xxx的意思#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root /root/data; //把dist.zip解压到data文件夹下
index index.html index.htm;
}
重新再入配置并启动
/usr/local/nginx/sbin/nginx -s reload # 重新载入配置文件
/usr/local/nginx/sbin/nginx -s reopen # 重启 Nginx
/usr/local/nginx/sbin/nginx -s stop # 停止 Nginx
遇到问题
访问页面但是报403 forbidden
可能是nginx.conf里的root配置的文件夹 权限不够
chmod -R 755 /root