http://localhost/#/a```3.2vue history 模式1. 配置修改 配置文件在 nginx.conf中 server { # 服务器端口 listen80; # 服务器名称 server_name localhost; # 路径配置 location/{ # 相对路径配置,基于nginx启动的位置 root dist; index index.html; # 需要指向下面的@router否则会出现vue的路由在nginx中刷...
1.在nginx官网下载稳定版本的nginx 地址:http://nginx.org/en/download.html参考下图: 2.nginx安装包解压路径中不能含有中文,否则nginx启动会报错 3.使用npm run build命令,或者其他自己配置的打包命令将vue项目打包,打包完成之后将vue项目下生成的dist目录拷贝至nginx/html目录下 4.最关键的一步,在nginx下的conf\...
在nginx.exe目录下,通过 cmd 执行下面命令,实现控制 nginx nginx 启动nginx服务,使cmd窗口一直处于执行中,不能进行其他命令操作 start nginx 启动nginx服务,不会使cmd窗口一直处于执行中(推荐) start nginx -c conf\custom.conf 按指定的配置文件启动nginx服务,不会覆盖nginx原始配置文件(推荐) nginx -s stop 停止...
2,将打包好的文件上传到服务器,一般存在于dist文件夹,具体文件夹位置看命令行的提示 在服务器上找个文件夹直接丢上去。推荐下图路径。/www/wwwroot/XXXXXX(项目总域名名字)/app/XXXXX(单个项目名字)。不喜欢可自行发挥,尽量保证这些项目在同一文件下。 3,nginx配置服务,使不同请求地址,去找相应的项目。 点击网站...
Nginx配置重定向 vue部署到nginx再次刷新404 一、打包vue3项目 npm run build 二、dist文件夹上传到服务器 将dist文件夹放到docker安装的nginx中的html目录下 三、改nginx配置文件 然后重启nginx【改了配置文件重启nginx才能生效】 Docker安装nginx 推荐使用docker安装nginx,方便 ...
首先,将打包生成的dist文件夹移动到 Nginx 的相关目录。在 Windows 系统中,通常为C:\nginx\html;在 Linux 系统中,可能为/usr/local/nginx/html。 然后,修改 Nginx 的配置文件(通常为nginx.conf)。找到server部分,设置项目的根目录和相关路由。 最后,重新启动 Nginx 服务使配置生效。
scp ./dist.rar name@ip:/path/ 上传到服务器解压缩,当然你也可以用别的更方便的有UI的软件,把文件上传到服务器 安装nginx 然后需要准备nginx sudo apt update sudo apt install nginx ps -ef | grep nginx查看进程的是否启动 配置文件编写 接下来就是配置nginx了,编辑/etc/nginx/conf.d/default.conf(没有...
1、拉镜像:docker pull nginx 其实也是比较简单的,主要的就是复制当前vue打包好的dist复制进去,还有nginx配置。 2、编写nginx配置 主要的就是替换nginx的default.conf server { listen 80; server_name localhost; #charset koi8-r; access_log /var/log/nginx/host.access.log main; ...
项目前端使用vue画页面、后端使用express写接口。部署项目之前,要做好准备工作。要把前端的vue项目npm run build打包生成一个dist文件夹,同时也要把nginx安装好。我们接着往下阅读步骤: 第一步 首先找到nginx安装的目录,然后修改nginx的服务配置文件,是在nginx安装目录里的conf文件夹中的nginx.conf这个文件,我们使用vsco...
完整的 Nginx 配置如下: server { listen 3308; # 处理默认路径 http://127.0.0.1:3308/ location / { root /var/www/html/dist1; # 指向 dist1 的根目录 index index.html; # 默认返回的首页文件 try_files $uri $uri/ /index.html; # 处理 Vue 单页应用的路由 ...