Nginx发布Vue项目【 CentOs7,build打包】

news/2024/7/10 2:45:04 标签: Linux, centos7, nginx, vue

1、所有文章优先发表在个人博客,后续如果有修改的话,可能忘记更新到CSDN了,给你带来不便,抱歉。

2、个人博客本篇文章地址 : https://www.xdx97.com/article?bamId=651064809940320256

 

 

在 linux的nginx上发布vue。 需要两步操作

1、在linux安装 nginx  https://blog.csdn.net/Tomwildboar/article/details/84074095

2、打包你写的vue

    2-1:你最好是用  vue-cli 脚手架创建的项目,然后直接   npm run build,就会多一个 dist 文件夹。

    2-2:如果你不是用 vue-cli 创建的项目(我刚刚开始就是这样),那么请改成用 vue-cli 创建的项目  https://www.bilibili.com/video/av33699646?from=search&seid=6395201874121533638

 

这两步完成之后就很简单了。

1、把你刚刚打包好的 dist 上传到你的 linux 上,  那个位置你随意

2、找到你的 nginx,如果你是按照上面的方法按照的 nginx  请输入   

cd /usr/local/nginx/conf/
vim nginx.conf

1、保存退出

2、重启 nginx     /usr/local/nginx/sbin/nginx –s reload

3、访问你的 ip,前几次访问速度非常慢,之后就好很多。(但是手机访问还是特别慢)

希望可以帮到你。

 

 


http://www.niftyadmin.cn/n/775287.html

相关文章

抖音sdk,抖音开发api接口

抖音sdk,抖音开发api接口 1、抖音上线下线 /** * 抖音上线通知 * author wechat:happybabby110 * blog http://www.wlkankan.cn */ public void handleMsg(ChannelHandlerContext ctx, TransportMessage vo) { try { …

Vue打包导致 JS 很大的问题解决【完美解决】

先来叨叨一下: 这个问题困扰我很久了,一直没有解决。最后只好把 js 放到七牛云上面cdn,没想到,这样直接导致,流量访问超出,达到了百分之600,然后被通知欠费。这才痛下决心一定要解决这个问题。阅…

个人微信api接口java调用源代码

个人微信api接口,微信sdk 1、微信好友收发消息 /** * 给微信好友发消息 * author wechatno:tangjinjinwx * blog http://www.wlkankan.cn */ Async public void handleMsg(ChannelHandlerContext ctx, TransportMessage vo, String contentJsonStr) { try { log.deb…

使用 vue-cli3 创建项目 【简单明了】

首先的要安装 node.js 8.10 以上版本 并且安装 vue-cli3 (具体安装方法百度) 第一步:使用cmd 到指定的位置 安装 第二步:创建指定文件 2-1: vue create xxxx (xxx 表示你的项目名) 然后会出现上面选择&#xff0…

Nginx发布项目,刷新 404 【简单有效解决】

目的:解决 nginx 发布项目 刷新 404 问题。 只需要在 nginx 中配置一段就代码就好了 cd nginx/conf/vim nginx.conf

企业微信api,企业微信sdk接口java调用源码

企业微信api,企业微信sdk接口 1、企业微信SDK接口API调用-企业微信好友收发消息 /*** 给企业微信好友发消息* author wechat:happybabby110* blog http://www.wlkankan.cn*/ Async public void handleMsg(ChannelHandlerContext ctx, TransportMessage vo, String c…

idea maven项目 打包jar

目的:使用idea对maven项目打包,打包成jar包 注:我之前创建的项目是 springboot 项目,虽然也是用 pom 管理的,但是好像无法打包成这样的 jar。 操作: 上图那个 jar,就是最终打包结果。 发布&am…

企业微信api接口调用-企业微信好友收发消息

企业微信api消息接口调用-企业微信好友收发消息 /** * 给企业微信好友发消息 * author wechat:happybabby110 * blog http://www.wlkankan.cn */ Async public void handleMsg(ChannelHandlerContext ctx, TransportMessage vo, String contentJsonStr) { try { log.debug(cont…