惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

The GitHub Blog
The GitHub Blog
Y
Y Combinator Blog
B
Blog RSS Feed
大猫的无限游戏
大猫的无限游戏
J
Java Code Geeks
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 【当耐特】
MongoDB | Blog
MongoDB | Blog
Hugging Face - Blog
Hugging Face - Blog
有赞技术团队
有赞技术团队
T
The Blog of Author Tim Ferriss
B
Blog
小众软件
小众软件
T
Tailwind CSS Blog
MyScale Blog
MyScale Blog
I
InfoQ
Engineering at Meta
Engineering at Meta
Blog — PlanetScale
Blog — PlanetScale
P
Proofpoint News Feed
H
Help Net Security
雷峰网
雷峰网
S
SegmentFault 最新的问题
V
Visual Studio Blog
爱范儿
爱范儿

博客园 - ฅ˙-˙ฅ

js中常见内存泄漏和场景 用display实现效果:上面根据内容自适应高度;下面撑满所有,并且超出时候显示滚动条 react更改多层对象变量的方法 react umi model使用注意事项 拖动改变顺序 博文阅读密码验证 - 博客园 antd input控制只能输入数字并进行格式化显示(antd 3版本) react函数式组件:父组件调用子组件方法 react form表单中自定义组件的数据双向绑定实现 vue3+vant h5: Rem 移动端布局适配之postcss-pxtorem和lib-flexible 项目记录文档 前端mock方案:使用json-server mac安装使用nginx 博文阅读密码验证 - 博客园 umi修改antd主题颜色(通过less文件修改) vue项目通过点击按钮实现复制图片(非图片url和base64),可发送到聊天框 vue重新刷新当前路由(非浏览器强刷,不会出现闪屏) 使用Vue.extend实现iview Upload在单文件上传时,拖拽多个文件给出错误提示 uni-app怎么使用路由守卫,并且路由配置和pages.json中只写一套 uni-app小程序iPhone X适配底部栏黑横线 使用css自定义变量实现实现主题切换功能
部署一个vue项目到阿里云服务器
ฅ˙-˙ฅ · 2021-05-11 · via 博客园 - ฅ˙-˙ฅ

一:项目文件准备

  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. 打开网址查看