首页 > 系统相关 >windows环境下的vue部署(使用nginx)

windows环境下的vue部署(使用nginx)

时间:2023-05-24 11:23:15浏览次数:42  
标签:exe windows nginx vue conf 使用

首先需要将vue项目打包成dist,在需要部署的服务器上进行解压

然后我们使用nginx进行反向代理设置,具体操作如下

打开解压后的nginx,进入目录:nginx-1.23.4->conf,打开编辑nginx.conf

*注意:对于后端路径的映射这里一定是 ^~/前缀/ 对应于地址的 端口/前缀/,这里一定是两个//包裹。

以下是前端vue对于接口请求路径的配置

如果还是请求不到后端,并且点击前端页面请求后端时出现nginx404的问题,将防火墙关闭,我的项目就是因为防火墙的拦截导致一直不能访问。

最后,再附上需要使用的nginx命令

使用cmd进入到nginx包的根目录下(有nginx.exe的那里),

启动 start nginx

安全有序关闭 nginx -s quit

切记不要使用nginx.exe双击打开,不然在修改配置后无法生效,需要在服务中去结束这些进程,每次修改nginx配置后先安全有序关闭,再启动

标签:exe,windows,nginx,vue,conf,使用
From: https://www.cnblogs.com/cbzhl/p/17427463.html

相关文章

  • vue2子组件切换,监听方法失效(监听多个字段)
    记录下问题本来是在父页面上放了多个子组件,利用单选按钮控制每个组件,选择了某个按钮,设置该组件控制字段为true,例如v-if="component"来控制销毁创建,根据component=true或者flase来控制子组件创建或者销毁后来发现子组件切换时,监听不生效,监听方法也加了immediate=true,当几个按钮......
  • idea windows本地访问远程hadoop服务问题
    在上一篇博客hadoop基于zookeper自动高可用搭建搭建好远程的hadoop集群服务后,需要通过本地java代码访问该集群。java结构如下图所示测试类HdfsTest代码如下:packagecom.wh.hdfs.test;importorg.apache.hadoop.conf.Configuration;importorg.apache.hadoop.fs.FileStatus;i......
  • vue中<script setup>中使用watch、computed、props、defineExpose、defineEmits等方法
    <scriptsetup>是在单文件组件(SFC)中使用组合式API的编译时语法糖。相比于普通的<script>语法,它具有更多优势:更少的样板内容,更简洁的代码。能够使用纯TypeScript声明props和抛出事件。更好的运行时性能(其模板会被编译成与其同一作用域的渲染函数,没有任何的中间......
  • vue this.$set的作用
    在Vue.js中,this.$set是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。Vue.js通过观察对象的属性来追踪其变化,从而实现数据的响应式。然而,当您添加一个新的属性时,Vue无法自动追踪该属性的变化。这就是this.$set方法派上用场......
  • 坚持了十年的德国慕尼黑城市政府将抛弃Linux回归Windows?
    德国慕尼黑城市政府正在考虑回归到微软Windows系统的怀抱。慕尼黑行政管理局和人事委员会建议将Linux系统转换成Win10系统。根据报告显示,之所以做出此决定是因为德国慕尼黑城市政府目前所面临的软件兼容性问题:行政管理局和人事委员会本周对慕尼黑IT设置组织做了长久期盼的建议,......
  • 坚持了十年的德国慕尼黑城市政府将抛弃Linux回归Windows?
    德国慕尼黑城市政府正在考虑回归到微软Windows系统的怀抱。慕尼黑行政管理局和人事委员会建议将Linux系统转换成Win10系统。根据报告显示,之所以做出此决定是因为德国慕尼黑城市政府目前所面临的软件兼容性问题:行政管理局和人事委员会本周对慕尼黑IT设置组织做了长久期盼的建议,......
  • 坚持了十年的德国慕尼黑城市政府将抛弃Linux回归Windows?
    德国慕尼黑城市政府正在考虑回归到微软Windows系统的怀抱。慕尼黑行政管理局和人事委员会建议将Linux系统转换成Win10系统。根据报告显示,之所以做出此决定是因为德国慕尼黑城市政府目前所面临的软件兼容性问题:行政管理局和人事委员会本周对慕尼黑IT设置组织做了长久期盼的建议,......
  • 基于springboot+vue数码论坛系统设计与实现、论坛管理系统,附源码+数据库+lw文档+PPT
    1、项目介绍考虑到实际生活中在数码论坛方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。(1)系统功能需求登录系统后,主要模块包括首页、数码板块、数码评价、数码论坛、畅聊板块、新闻资讯、个人中心、后台管理等功能。系统功能用例图如图3-1所示......
  • windows平台的dhcp服务软件、dhcp服务器netbootm工具用法介绍
    使用深度远程启动管理器配置管理口IP方法1、将笔记本IP设置为需要配置的IP同网段的一个IP;2、用网线将笔记本网口与服务器管理口连接;3、打开深度远程启动管理器,点击选项配置按钮,选择DHCP选项卡4、配置下图红框中的选项,启始地址为需要配置的IP的第一个地址,子网掩码以及网关与客户要......
  • 解析 Pinia 和 Vuex
     Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5,只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。本文将通过Vue3的形式对两者的不同实现方式进行对比,让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现......