nginx部署前端

news/2024/7/10 0:23:31 标签: vue, nginx, 前端部署

部署环境:win10

第一步:nginx下载

下载地址:http://nginx.org/en/download.html

nginx文件目录

点击nginx.exe启动程序开启nginx,默认端口为80

成功访问:http://localhost/

第二步:编译前端项目

前端采用vue框架进行开发,将项目编译成静态文件【html、css、js】

vue项目目录结构

修改位置1:config/index.js

vue默认打包生成的静态文件存放在dist目录中,修改配置将dist目录重命名

运行vue编译命令:npm run build ,会将静态文件生成在pdf目录中

修改位置2:src/router/index.js

在路由配置文件中新增路由基础路径

然后运行命令编译vue项目

npm run build

第三步:配置nginx

vue编译后的静态文件目录pdf移动到nginx/html下,修改nginx配置文件,使root指向pdf目录 

配置位置:conf/nginx.conf

使用命令重新加载nginx配置【在nginx目录下运行命令】

nginx -s reload

第四步:访问 

http://localhost/pdf/


http://www.niftyadmin.cn/n/1690884.html

相关文章

mysql id问题_MySQL分表自增ID问题的解决方法

当我们对MySQL进行分表操作后,将不能依赖MySQL的自动增量来产生唯一ID了,因为数据已经分散到多个表中。应尽量避免使用自增IP来做为主键,为数据库分表操作带来极大的不便。在postgreSQL、oracle、db2数据库中有一个特殊的特性---sequence。 任…

idea开启服务的多个实例

前言 阿都在学习微服务的时候,有时候需要开启某个子服务的多个实例【使用不同端口启动多个服务】,使用的是开发工具是idea,其默认不能进行并行运行程序,即第二次使用其他端口启动服务时,会自动关闭上一个服务&#xff…

p6spy监测mysql_JDBC数据库访问操作的动态监测 之 p6spy

P6spy是一个JDBC Driver的包装工具,p6spy通过对JDBC Driver的封装以达到对SQL语句的监听和分析,以达到各种目的。WSJdbcDataSource PoolConnectionDataSource问题Ojdbc6无法注入,经确认的确可能版本问题官方确认JDK 1.5以后的,不好…

liunx服务器web环境搭建从0到1

前几天阿里云推出了新人优惠活动,许多小伙伴都参加了。阿都整理了搭建部署环境的这篇文章帮助同学们去高效的使用服务器。文章中的搭建步骤都是阿都这几年使用并整理的。希望可以帮助到大家。 前言 本文主要讲述搭建web部署环境【nginx、mysql、java】,一…

python request https_pythonrequests库在https连接中引发错误

在我的生产服务器中,突然pyhton请求库在与第三方应用程序建立https连接时抛出此错误。在raised unexpected: SSLError(SSLError(SSLError("bad ca_certs: /home/ubuntu/.virtualenvs/api/local/lib/python2.7/site-packages/requests/cacert.pem", Error(…

python函数设计与使用_ZXD+Python函数设计与使用ppt课件

ZXDPython函数设计与使用ppt课件 生产理论把企业仅仅 抽象为一个生产函数、一种投入产出关系、一个追求利润最大化的“黑匣子”,它没有讨论 企业内部是如何配置资源的,企业是如何组织 生产的,企业和市场的关系如何,各自的边界在哪…

服务器防火墙开启导致无法远程连接解决方案

前言 在使用阿里云服务器的过程中,开启了服务器的防火墙,导致本地xshell以及阿里云官网自带的远程连接【端口:22】均无法使用,所有服务器开启的端口无法使用,在联系阿里云技术客服后,才得到了解决&#xf…

wamp切换mysql版本,WAMP服务器将MySQL切换到MariaDB

How can I switch the database from MySQL to MariaDB in WAMP 3.1.0?Im looking for it, but I can not find it.解决方案From the image you show it looks like both MySQL and MariaDB are already running!NOTE: Thats a bit memory hungry!Simple test to see if both …