Vue Nginx部署

作者: 打酱油12138 | 来源:发表于2019-04-30 16:41 被阅读10次
在服务器上部署vue项目 并使用

前提:保证服务器已安装Node.js Nginx

// 查找Nginx目录
$ whereis nginx
// 进入nginx目录
$ cd /usr/local/nginx
// 进入conf/vhost目录(存在的话,若不存在直接在conf目录下的nginx.conf修改即可)
$ cd conf/vhost
// vhonst下新建vue_web.conf(名称自定义)
$ mv vue_web.conf
// 添加以下代码
server {
  // 监听端口号
  listen 9070;
  server_name vue_web;
  location / {
    // root 后填写vue打包后dist路径
    root /home/ABC/vue_web;
    // 首页地址
    index index.html;
  }
}
// 重启nginx配置
$ /usr/local/nginx/sbin/nginx -s reload

别忘记上传打包后dist至服务器,并记录其路径填写至nginx文件中

若遇到部署后刷新页面出现404,可参考以下文章解决。

Vue Nginx部署刷新404

相关文章

网友评论

    本文标题:Vue Nginx部署

    本文链接:https://www.haomeiwen.com/subject/slpvnqtx.html