windows下 Nginx 发布 Vue项目

news/2024/7/10 0:34:13 标签: nginx, vue
安装环境:

nginx: https://nginx.org/en/download.html 根据环境下载对应版本

在指定目录解压即可使用。
打包Vue项目:

npm run build 打包文件在dist目录下
部署项目:

将dist目录下打包文件迁移至nginx html目录下
修改配置:

根据实际情况修改nginx conf目录下 nginx.conf配置文件

例如:

listen:监听端口

server_name: 服务域名 域名可以配置多个,以空格分隔

允许其他项目跨域访问 可以通过在location下设置add_header实现

add_header 'Access-Control-Allow-Origin' '*';

设置代理访问 可以通过在location下设置proxy_pass实现

proxy_pass 'http://xxx.xxx.xx.xx:端口'
启动项目:

切换到nginx.exe目录下,通过start nginx 启动项目
重新加载配置文件:

nginx -s reload
停止项目:

nginx -s stop

 


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

相关文章

Markdown最基础快捷键学习--一篇文章掌握markdown简单书写

Markdown学习 标题 三级标题 四级标题 五级标题 六级标题 字体 粗体hello,world 斜体hello,world 斜体加粗hello,world 删除线hello,world 引用 引用 分割线 图片 本地图片 !网络图片 网络图片 超链接 …

Vue的基础语法和简单入门--针对后端学前端技术

Vue的基础语法和简单入门Vuevue基础引用循环和判断判断循环事件数据的双向绑定vue组件网络通信-axios计算属性内容分发自定义事件Vue-cli主要功能环境安装验证安装vue-cli创建vue项目创建项目初始化包初始化并运行Webpack安装测试安装webpack demovue-router安装demovue实战案例…

HTML基本介绍及标签应用

HTML基本介绍及标签应用1、初识HTML1.1 前端技术栈1.2 html概述1.3 html基本结构1.4 html基本内容2、网页基本标签2.1 标题标签2.2 段落标签2.3 换行标签2.4 水平线标签2.5 字体样式标签2.5.1 粗体2.5.2 斜体2.6 注释和特殊符号3、列表标签3.1 有序列表(ol)3.2 无序列表(ul)3.3…

CSS基础语法和介绍-后端学前端基础必备

CSS基础语法和介绍-后端学前端适用1、什么是CSS1.1、什么是CSS1.2、发展史1.3快速入门1.4、CSS的3种导入方式2、选择器2.1、基本选择器2.2、层次选择器2.3、结构伪类选择器2.4、属性选择器(常用)3、美化网页元素3.1、为什么要美化网页3.2、字体样式3.3、…

JavaScript基础语法和JQuery简单应用---后端学前端JS

JavaScript基础语法和JQuery简单应用什么是JavaScript引入JavaScript入门案例数据类型number字符串布尔值与或非比较运算符(重要)空指针数组严格检查模式字符串数组对象流程控制Map和Set (ES6的新特性)遍历与迭代器遍历函数定义函数变量的作用域变量的作…

MySQL系统认识与使用-----最全MySQL应用

MySQL系统认识与使用-----最全MySQL应用初始MySQL为什么学习数据库什么是数据库数据库分类结构化查询语句分类数据库操作创建数据表数据库的列类型数据库的字段属性(重点)数据表的类型修改数据库MySQL数据管理外键DML语言添加数据修改数据删除数据DQL查询…

mybatis下划线转驼峰配置

1、mybatis下划线转驼峰配置&#xff08;ssm项目&#xff09; 只需要在mybatis-config.xml中加上配置项&#xff1a; <?xml version"1.0" encoding"UTF-8"?> <!DOCTYPE configurationPUBLIC "-//mybatis.org//DTD Config 3.0//EN"&…

Swagger基础与应用

1、Swagger简介 1.1、Swagger作用 自动生成API文档&#xff0c;方便前后端分离开发相对独立且进行交互。 1.2、前后端分离 前端 -> 前端控制层、视图层后端 -> 后端控制层、服务层、数据访问层前后端通过API进行交互前后端相对独立且松耦合 1.3、相关问题 前后端分…