启动或重启Nginx服务器: bash /data/nginx/sbin/nginx -s reload 然后,在浏览器中访问你的服务器域名或IP地址。如果一切正常,你应该能够看到Vue应用的首页。如果你配置了API代理,也可以尝试访问API路由以验证代理是否工作正常。 通过以上步骤,你就可以在Linux上使用Nginx成功配置Vue项目了。
(我这里上传到了我自己项目的路径 /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...
1、打开vue项目,在控制台输入 npm run build 2、在SecureCRT 进入nginx/html目录,打开sftp 先删除原来的index.html,再传输 3、把生成的dist目录下的静态资源传输到服务器 4、修改配置文件 此外,进入cd /usr/local/nginx/conf目录可修改nginx的配置文件: vim nginx.conf 按键盘i进行编辑,编辑完成按 Esc,再输入:...
如果nginx配置改乱了,在nginx的config目录下还有个nginx.confg.default文件,这是默认备份的最初始的配置文件,只需要改个名字就能能用了(改名前需要再备份一下) 1、想要同时配置多个前端项目,做法就是多写几个server,server中换一个端口监听,转发依旧是location来配置转发,(因为前后端都是部署在一个服务器上的,所以...
vue项目部署之一:Linux服务器安装Nginx 一、安装所需环境 二、安装nginx 三、常见使用nginx命令 前提: CentOS7 可以参考本文章直接处理; 在Alibaba Cloud Linux 3镜像下运行时,使用yum -y install pcre命令,发现报错为yum源存在问题。 解决方案:备份好yum源文件后更换yum源,参考阿里官方提供文档解决 ...
linux docker部署vue nginx项目 好久没有玩nginx了,有些忘了。昨天使用docker部署的时候遇到了几个低级但难以发现的问题,在这里记录下。 一、部署 部署很简单,规划好目录,写好配置文件即可,操作如下。 1、目录规划 创建配置文件、日志以及web应用的路径,以映射到容器中:...
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 准备上传到服...
前端单独在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 ...
配置vue.config.js,如下图: 六。打包vue项目 npm run build生成dist文件夹 七、回到mobaxterm,上传打包好的dist文件 点击session---SPTF,如图 继续,见下图,删除右边默认的2个html文件,将dist文件夹中的文件手动拖进去 八、修改nginx的配置文件 找到nginx的配置文件 cd /usr/local/nginx/conf/ ll ...