Vue项目部署到CentOS服务器

config/index.js上修改以下部分：

首先是host:'localhost'改为服务器ip

assetsPublicPath:'/'改为assetsPublicPath:'./'
运行npm install
npm run build
将dist下的static文件夹和Index.html单独复制出来存在github项目上（原因是方便复制和修改）
进入CENTOS服务器
先安装nginx 安装教程可参考```https://www.cnblogs.com/jackyzm/p/9600738.html``
cd etc/nginx
vim nginx.conf
修改如下数据

其中 server_name写的是服务器ip

listen写的是端口号

root写的是static文件夹和index.html 不建议放在root目录下有可能出错。

然后保存修改文件

进入etc文件夹下，执行两条命令即可

nginx -s reload重新载入配置

nginx -s reopen重启服务

然后输入ip地址加端口号8080 ，如果显示，就说明没问题了。

Vue项目部署到CentOS服务器相关推荐

linux 退出服务器_Vue实战091：Vue项目部署到nginx服务器
项目开发完成之后我们就需要将项目上线运行供用户访问,这时候我们就需要将项目部署到服务器上.对于Vue这种前端Web项目我们一般都部署在linux系统上,Linux常见的Web应用服务器有Apache. ...
ssm项目直接加html文件,如何把ssm项目和vue项目部署在云服务器（上）
如何把ssm项目和vue项目部署在云服务器(上) 如何把ssm项目和vue项目部署在云服务器(上) 一.引入 URL的概念理解在WWW上,每一信息资源都有统一的且在网上唯一的地址,该地址就叫URL( ...
使用Docker+Jenkins+Pipeline将Vue项目部署到Nginx服务器
安装Docke 不知道怎么安装Docker可以看我之前的博文:使用Jenkins+Pipeline+Docker将Spring Boot应用部署到Tomcat 安装Jenkins 这里安装Jenkin ...
将springboot项目和vue项目部署到windows 2016 server（服务器）
将springboot项目和vue项目部署到服务器 1.服务器环境配置 1.1 服务器需要安装的环境 1.2 服务器需要配置的入站与进站规则 2.springboot项目的打包 2.1 springb ...
vue项目部署到服务器后浏览器标签上的小图标消失不见
背景: 最近在开发项目过程中发现一个问题,项目部署到服务器后在浏览器打开,会发现浏览器标签上的小图标消失不见了.百度查找问题,网上给出了许多解决的方案,例如清除浏览器缓存.把图标的相对路径改成绝对路径 ...
vue 前端项目部署阿里云服务器
vue 前端项目部署阿里云服务器 one 前期准备 two 代码打包扔服务器 one 前期准备首先两个软件应该下载(Xftp Xshell),如果有其他类似的软件也可以. 打开xftp,新建一个会 ...
Vue项目部署到服务器(ubuntu)
Vue项目部署到服务器(ubuntu) 工具:WinSCP.PuTTy(可能不是专业的工具,是本人上操作系统的课用到的软件,直接用来部署了) 打包项目,npm run build 执行npm run ...
vue，springboot项目部署到window服务器
将vue,和sprintboot项目部署到window服务器上,(为什么要部署到window服务器呢,唉,就是玩-) 准备工作: a. 下载java jdk,jdk-8u121-windows-x64 ...
面试宝典六-- 项目部署（linux环境搭建，springboot项目部署，vue项目部署，nginx负载均衡）
环境准备实际开发中,项目肯定是部署在一个个的linux系统服务器中的,学习过程中,可以在自己电脑上安装虚拟机然后配置linux操作系统进行模拟项目部署,当然也可以花费较小费用使用各种平台提供的云服 ...

Vue项目部署到CentOS服务器

Vue项目部署到CentOS服务器

Vue项目部署到CentOS服务器相关推荐

最新文章

热门文章