创建符号链接以启用配置文件:sudo ln -s /etc/nginx/sites-available/default /etc/nginx/sites-enabled/ 4.检查 Nginx 配置并重新加载: sudo nginx -t sudo nginx -s reload 5.重新启动vue项目:nohup node server.js & 或者 nohup npm run serve & 以上的两种启动方式存在缺陷,因为如果断开finalshell的会话连...
会生成一个dist包 2.将dist包上传到服务器中 (我这里上传到了我自己项目的路径 /home/springbootVue/Vue/dist) 3.修改nginx.conf的配置 (nginx.conf在 /usr/local/nginx/conf中) root后边是vue项目生成的dist文件的上传路径 try_files $uri $uri/ /index.html; 防止在通过浏览器访问时,进行刷新或访问不到...
首先打包vue项目,本文使用oldx-admin-vue 项目地址:https://gitee.com/oldx/oldx-admin-vue.git切换至项目目录,打开终端输入 先npm install安装包之后执行 npm run build 1. 通过上面命令后打包好的静态资源将输出到dist目录中。如图所示 安装nginx 到nginx官方下载系统相关的nginx版本安装 目前最稳定的为: 下载...
1、编译VUE项目 在项目根目录下,执行npm run build,生成dist文件夹 复制dist中的static、index.html到服务器相应位置(自定义) 本文为:/home/xxx/vue_demo 2、nginx下载安装过程: 登陆nginx.org网站,点击右侧download,下载开源稳定版本的nginx,本人下载为nginx-1.16.1 复制地址链接,在root下创建相应的文件夹,如:ng...
一、上传文件包 将压缩包dist.zip上传至linux系统下---如/home/server/dist 解压压缩包 二、配置nginx配置文件 与发包人员确定后缀名---...
本博客是总结本人在linux服务器上将vue项目部署到Nginx上的经历 一.准备好vue项目 1.安装vue环境 2.打包vue项目 进入你项目的文件夹,找到config文件夹下的index.js文件(config/index.js),打开修改里面assetsPublicPath为 ./(注意一定是build里面的,dev中也有这个配置,dev里的不用修改) ...
1.打开vue项目,执行打包 贴一下我的vue项目地址:https://github.com/luxiancan/... npm run build 结束后进入 dist 文件夹,将所有打包结果选中,打包压缩成dist.zip 2.将打包结果压缩包上传到服务器 scp ./dist.zip root@8.129.38.87:/usr/local/nginx/html ...
修改目录下的 nginx.conf 文件 在http模块下引入vue项目的配置文件: include /etc/nginx/myconfig/*.conf; 创建myconfig 文件夹 mkdir myconfig 在myconfig 文件夹下创建 vue.conf 文件 server { listen 8080; server_name vue; # 随便起 location / { root /home/vue/dist;# vue工程的上传地址 index in...
1 前端vue项目打包部署: 1.1 vue项目打包 前端项目用vscode进行开发,项目整体目录如下 在config目录下的配置文件中配置好后端服务器的ip地址和端口; 在终端输入npm run build,系统会自动生成一个dist的文件夹,这就是打包后所需的项目文件; 把dist文件夹放在linux服务器上,路径要与nginx配置的路径一致。