首页 > 其他 > 详细

部署一个vue项目到阿里云服务器

时间:2021-05-11 16:24:57      阅读:19      评论:0      收藏:0      [点我收藏+]

一:项目文件准备

  1. 设置publicPath(vue.config.js文件)
const BaseUrl = process.env.NODE_ENV === ‘production‘ ? ‘./‘ : ‘/‘;
module.exports = {
	publicPath: BaseUrl
};

  1. vue项目打包
npm run build
  1. 使用xftp将dist复制到服务器(我这里放到/root/opt)
    技术分享图片

二: nginx配置

  1. 找到配置文件 我这边/etc/nginx/nginx.conf

  2. 修改
    vim nginx.conf
    i
    技术分享图片

  3. 退出

不保存退出: esc -->  :q! --> 回车(强制退出)

            esc --> :q --> 回车 (不强制退出)

保存退出:   esc --> :wq --> 回车
  1. 重新刷新nginx
nginx -s reload
  1. 打开网址查看
    技术分享图片

部署一个vue项目到阿里云服务器

原文:https://www.cnblogs.com/XHappyness/p/14754194.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!