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

一:项目文件准备

  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. 打开网址查看
posted @ 2021-05-11 10:19  ฅ˙-˙ฅ  阅读(281)  评论(0编辑  收藏  举报