3.1、vue 的 vue.config.js 中进行配置 3.2、接着在对应的 router/index.js 中 添加路由配置 3.3、yarn build 项目后,把打包后的文件,放在 nginx 路径下 html 文件夹下,新建一个文件夹 NeiMeng, 然后把包对应放进去 3.4、nginx 路径加前缀和不添加前缀配置 server { listen 8071; server_name www.lpnm.co...
一、打包并移动vue项目 运行命令:npm run build 到前端项目目录下,找到<dist>文件夹。复制<dist>下的文件,粘贴至nginx根目录下的 二、修改配置文件nginx.conf 完成上一步后,打开我们的配置文件<nginx.conf>,找到<server>节点,修改参数。 初始的配置参数是这样的—— 大概需要修改的配置如下: <listen>:代理端口(...
您可以通过运行sudo apt-get install nginx(适用于Ubuntu)或sudo yum install nginx(适用于CentOS)来安装Nginx。 创建Vue项目:使用Vue CLI或其他工具创建Vue项目。在创建项目时,确保将输出目录设置为dist。 配置Nginx:打开Nginx配置文件,该文件通常位于/etc/nginx/nginx.conf或/etc/nginx/conf.d/default.conf。在http...
官网下载 后直接解压复制到服务器,打开nginx/conf/ningx.conf进行修改: server { listen 8080; #前端访问开的端口号 server_name localhost; #如果是服务器上直接写 localhost 或者 127.0.0.1 location / { #页面访问配置 root dist; #这里使用的是相对路径,也可以使用绝对路径 index index.html; #默认...
1. 确保Vue项目已正确构建 使用Vue CLI提供的npm run build命令来构建Vue项目。构建完成后,会在项目的根目录下生成一个dist文件夹,里面包含了所有用于生产环境的静态文件。 2. 找到Nginx配置文件 在Nginx的安装目录中找到配置文件,通常是nginx.conf。你也可以在/etc/nginx/sites-available/目录下找到或创建一个专门...
1、Nginx需要依赖几个包,先进行安装 2、下载解压Nginx 3、安装并启动Nginx 4、配置conf文件,部署vue前端项目 5、前端项目构建并上传 6、后端Springboot项目打包上传 总结 前言 在部署vue项目的时候,学习到需要使用nginx,本文就记录一下部署vue项目的过程,包括Linux上nginx服务器的安装,部署vue前端项目和部署Springboot...
在nginx文件夹中打开cmd (如果是powershell不能直接使用cmd命令: 输入cmd回车即可) 基本命令操作: 查看nginx的版本号:nginx -v 启动nginx:start nginx配置文件nginx.conf修改重装载命令:nginx -s reload 3.打包vue项目 //打包vue项目使用的指令 npm run build 4.将打包...
1,项目打包。 需要注意的文件就两个。request.JS和vue.config.JS。 request.js文件 baseURL保持为空,会使用nginx统一配置,也可提前配置,但最终必须与nginx请求代理配置的识别字段保持一致。 vue.config.js文件 publicPath填写为你想区分项目的对应后缀字段
vue项目使用vue-cli来生成。 一、Vue 项目配置 有两个项目: 第一个:打包到`badudu`目录中; 第二个:打包到`management`目录中; 注意:第二个项目需要需要做以下修改,然后再进行打包。第一个项目啥都不用动,就用默认的配置就行。 1、vue.config.js 中,添加:publicPath: '/management'配置项 ...
location/{root D:\VueSite;index index.html index.htm; } #后面还有其他配置,我只截取了这些... } 5.nginx同时部署多个前端项目,只需要配置多个server节点,端口改成不一样的,这样就可以了。 server { listen88; server_name localhost; location/{ ...