在本地开发环境中,使用Vue CLI打包Vue项目: bash npm run build 打包完成后,会在项目根目录下生成一个dist文件夹,里面包含了所有静态资源。 4. 将打包后的Vue项目文件上传到Linux服务器 将dist文件夹上传到服务器上的Nginx根目录,例如/usr/share/nginx/html。可以使用scp(安全复制协议)或其他文件传输工具来完成...
2.将dist包上传到服务器中 (我这里上传到了我自己项目的路径 /home/springbootVue/Vue/dist) 3.修改nginx.conf的配置 (nginx.conf在 /usr/local/nginx/conf中) root后边是vue项目生成的dist文件的上传路径 try_files $uri $uri/ /index.html; 防止在通过浏览器访问时,进行刷新或访问不到在的路径时会直接跳...
一、安装mobaxterm工具 mobaxterm是一个登陆服务器的工具,可以执行linux命令,长这样: 二、登陆你要部署项目的服务器 点击session---ssh---输入ip和用户名(root),如下图: 三、登陆之后,你看到的界面如下图: 四、下面开始安装nginx 注意:安装nginx最好在自己新建的文件夹下,如 进入:cd /usr/local local下新建...
4.进入nginx目录重新编译一次参数 ./configure make make install 1. 2. 3. 至此nginx安装已完成。 三、常见使用nginx命令 1. 查找安装路径 whereis nginx 1. 2. 查找nginx配置文件 find / -name nginx.conf 1. 3. 查询nginx进程 ps aux|grep nginx 1. 4. 启动nginx 先进入到nginx的 sbin目录下 启动命...
linux docker部署vue nginx项目 好久没有玩nginx了,有些忘了。昨天使用docker部署的时候遇到了几个低级但难以发现的问题,在这里记录下。 一、部署 部署很简单,规划好目录,写好配置文件即可,操作如下。 1、目录规划 创建配置文件、日志以及web应用的路径,以映射到容器中:...
6、重启nginx 命令: ./nginx -s reload 注意:上面这些命令都是要在 /usr/local/nginx/sbin 这个目录中执行的 出现这三行说明nginx进程已经启动、正在运行.png 7、打包vue项目 打包命令:npm run build 会生成一个dist文件夹 注意:vue项目打包的时候,是不会把vue.config文件给打包进去的,也就是说打包后的vue项...
简介:本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。 1、打包前端项目 npmrunbuild 执行完后会在根目录下生成一个dist文件夹,这个dist文件夹就是我们需要的东西 ...
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 ...
1. 你已经在本地开发环境中创建和测试了 Vue 前端项目。 2. 你已经在 Linux 服务器上安装了 Nginx,并且服务器和网络设置正确。 实践步骤 1. 构建 Vue 项目 使用Vue CLI或其他构建工具,在本地构建 Vue 项目的生产版本。这将生成一个包含静态文件的 dist 目录。然后将 dist目录 打包成 dist.zip 准备上传到服...
1.nginx服务没有启动或者nginx.conf配置文件的监听端口与你在vue项目中的server.js文件中配置的端口不一致,需要确保一致 2.server.js配置的端口实际并没有被监听,可以执行命令查看端口的监听:netstat -tuln | grep 8888 如果出现如下图,表示已经启动监听,没有出现表示没有成功,需要在防火墙设置 ...