700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Vue项目打包部署教程(Nginx)

Vue项目打包部署教程(Nginx)

时间:2021-02-07 23:57:49

相关推荐

Vue项目打包部署教程(Nginx)

一、项目打包

1.修改config.js(没有该目录则在根目录下手动创建vue.config.js)

module.exports = {publicPath: '/',devServer:{port:80, // 启动端口open:true // 启动后是否自动打开网页}}

2.命令行输入npm run build ,生成项目文件夹dist

二、Nginx安装

1.在/usr/local/下创建文件nginx文件mkdir /usr/local/nginx2.下载nginx包sudo wget /download/nginx-1.18.0.tar.gzsudo tar -xvf nginx-1.18.0.tar.gz3、进入nginx目录cd /usr/local/nginx-1.18.04.安装sudo ./configuresudo makesudo make install

三、配置

1.进入目录:/www/server/nginx/conf/nginx.confserver {listen 80;server_name localhost;error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}root /www/server/nginx/html/dist;index index.html;location / {try_files $uri $uri/ /index.html last;index index.html;}location @router {rewrite ^.*$ /index.html last;}}2.重载配置nginx -s reload

四、验证

访问ip地址监听的端口

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。