在本地开发环境中,使用Vue CLI打包Vue项目: bash npm run build 打包完成后,会在项目根目录下生成一个dist文件夹,里面包含了所有静态资源。 4. 将打包后的Vue项目文件上传到Linux服务器 将dist文件夹上传到服务器上的Nginx根目录,例如/usr/share/nginx/html。可以使用scp(安全复制协议)或其他文件传输工具来完成...
(我这里上传到了我自己项目的路径 /home/springbootVue/Vue/dist) 3.修改nginx.conf的配置 (nginx.conf在 /usr/local/nginx/conf中) root后边是vue项目生成的dist文件的上传路径 try_files $uri $uri/ /index.html; 防止在通过浏览器访问时,进行刷新或访问不到在的路径时会直接跳到Nginx的404页面。 location...
创建符号链接以启用配置文件: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的会话连...
方法一:进入nginx可执行目录sbin下,输入命令./nginx -s reload 即可 [root@Serve sbin]./nginx -s reload 1. 方法二:查找当前nginx进程号,然后输入命令:kill -HUP 进程号 实现重启nginx服务 [root@Serve sbin]ps aux|grep nginx [root@Serve sbin]kill -HUP 进程号 1. 2. 7. 设置开机自启动 即在rc.l...
命令: ./nginx -s reload 注意:上面这些命令都是要在 /usr/local/nginx/sbin 这个目录中执行的 出现这三行说明nginx进程已经启动、正在运行.png 7、打包vue项目 打包命令:npm run build 会生成一个dist文件夹 注意:vue项目打包的时候,是不会把vue.config文件给打包进去的,也就是说打包后的vue项目中配置的代理...
1. 你已经在本地开发环境中创建和测试了 Vue 前端项目。 2. 你已经在 Linux 服务器上安装了 Nginx,并且服务器和网络设置正确。 实践步骤 1. 构建 Vue 项目 使用Vue CLI或其他构建工具,在本地构建 Vue 项目的生产版本。这将生成一个包含静态文件的 dist 目录。然后将 dist目录 打包成 dist.zip 准备上传到服...
start nginx.exe 1. 如果启动成功,则logs文件夹里面会出现一个nginx.pid文件,则说明启动成功现在访问我们设置的端口,本文为http://localhost 则nginx在windows部署vue项目已成功 Linux 环境 对于linux安装nginx有两种方式,一种是使用官方已经编译好的包来安装,一种是使用源码构建安装。
前端单独在linux部署vue项目 安装nginx 1、安装yum yum install 2、安装gcc 和gcc-c++ yum install gcc-c++ yum install gcc 3、安装依赖库 nginx 中gzip模块依赖 zlib 库,rewrite模块依赖 pcre 库,ssl 功能依赖openssl库 3.1安装zlib库 cd /usr/local ...
通过反向代理实现80端口下两个项目 但是记得修改blogManageWeb的配置publicPath 路由模式为history nginx配置文件没动,只改了router/index.tsconstrouter=newVueRouter({base:'/blogManageWeb',mode:"history",routes}) nginx重启 cd /usr/local/nginx/sbin ...
配置vue.config.js,如下图: 六。打包vue项目 npm run build生成dist文件夹 七、回到mobaxterm,上传打包好的dist文件 点击session---SPTF,如图 继续,见下图,删除右边默认的2个html文件,将dist文件夹中的文件手动拖进去 八、修改nginx的配置文件 找到nginx的配置文件 cd /usr/local/nginx/conf/ ll ...