首页 > 系统相关 >Nginx部署vue项目到本地windows

Nginx部署vue项目到本地windows

时间:2024-07-12 09:32:29浏览次数:12  
标签:vue dist nginx windows ningx Nginx 部署 localhost

部署

1.将build生成的dist目录复制到nginx下的html目录中。

 2.修改ningx里的ningx.conf文件,(解决404的那段代码可以不加)

3.重启nginx,浏览器访问 “ http://localhost:8080/ ”,即可。

4.第二种:因为nginx可能会部署多个项目,针对不同项目增加配置是一种很正常的操作。(需要新增一个location)

 之后,将打包后的dist文件更名为myName,重启nginx,访问链接为:http://localhost:8080/myName/

 

标签:vue,dist,nginx,windows,ningx,Nginx,部署,localhost
From: https://www.cnblogs.com/Eleven22/p/18297577

相关文章

  • 如何用Vue3和Plotly.js创建交互式表格?
    本文由ScriptEcho平台提供技术支持项目地址:传送门Plotly.js动态生成HTML表格应用场景介绍在数据分析和可视化领域,经常需要以表格的形式展示数据。Plotly.js是一款功能强大的JavaScript库,不仅可以创建交互式图表,还可以动态生成HTML表格。代码基本功能介绍本代......
  • 如何用Vue3和Plotly.js绘制交互式瀑布图
    本文由ScriptEcho平台提供技术支持项目地址:传送门使用Plotly.js在Vue中创建瀑布图应用场景瀑布图广泛用于可视化财务报表和展示增量变化,例如利润表、现金流量表和收入分析。它们通过将正值和负值堆叠在垂直轴上,清晰地展示每个阶段的贡献和变化。基本功能本代码演......
  • 如何用Vue3和Plotly.js创建交互式平行坐标图
    本文由ScriptEcho平台提供技术支持项目地址:传送门Vue.js中使用Plotly.js创建平行坐标图应用场景介绍平行坐标图是一种可视化高维数据集的强大技术。它可以帮助我们探索不同维度之间的关系,并识别模式和异常值。在Vue.js应用程序中,我们可以使用Plotly.js库轻松创......
  • 基于windows虚拟机项目部署
    这里写自定义目录标题一、安装虚拟机二、配置jdk三、安装tomcat四、安装mysqlMySQL安装NavicatPremium12软件安装五、部署项目jforum项目部署jforum安装时可能遇到的问题一、安装虚拟机请看上一篇文章二、配置jdk双击点击jdk安装下载,官网:https://www.oracle.......
  • Java毕业设计基于Vue+SpringBoot的博物馆展览与服务一体化平台(代码+数据库+文档LW+运
    文末获取资源,收藏关注不迷路文章目录前言主要使用技术研究内容核心代码文章目录前言博物馆展览与服务一体化,其工作流程繁杂、多样、管理复杂与设备维护繁琐。而计算机已完全能够胜任博物馆展览与服务一体化工作,而且更加准确、方便、快捷、高效、清晰、透明,它完全......
  • Java毕业设计基于Vue+SpringBoot的单位公司员工考勤签到系统(代码+数据库+文档LW+运行
    文末获取资源,收藏关注不迷路文章目录前言主要使用技术研究内容核心代码文章目录前言当今社会已经步入了科学技术进步和经济社会快速发展的新时期,国际信息和学术交流也不断加强,计算机技术对经济社会发展和人民生活改善的影响也日益突出,人类的生存和思考方式也产生......
  • Java毕业设计基于Vue+SpringBoot的厨房达人美食分享平台(代码+数据库+文档LW+运行成功
    文末获取资源,收藏关注不迷路文章目录前言主要使用技术研究内容核心代码文章目录前言厨房达人美食分享平台的目的是让使用者可以更方便的将人、设备和场景更立体的连接在一起。能让用户以更科幻的方式使用产品,体验高科技时代带给人们的方便,同时也能让用户体会到与......
  • Windows Server Core 详解
    1、为什么使用WindowsCore1.1、提升效能精简系统服务和组件减少系统存储,降低无用IO,提示读写效能系统精简后可以切换在Thick存储模式提示IO1.2、增加安全系统缩减,减少攻击面减少无用组件,降低感染风险微软MSDN调查超过%70的病毒不能运行增加离职&恶意人......
  • [Windows环境]nvm工具的介绍和安装
    nvm工具介绍NVM(NodeVersionManager)是一个用于管理Node.js版本的工具。它允许用户在同一台机器上同时安装和切换不同版本的Node.js,以便在不同的项目中使用特定的Node.js版本。同时为每个版本保留独立的环境,避免版本冲突和兼容性问题。此文章步骤以windows为例使用setup.exe......
  • 玄机——第四章 windows实战-向日葵 wp
    文章目录一、前言二、概览简介三、参考文章四、步骤(解析)准备步骤#1.0步骤#1.1通过本地PCRDP到服务器并且找到黑客首次攻击成功的时间为为多少,将黑客首次攻击成功的时间为作为FLAG提交(2028-03-2608:11:25.123);步骤#1.2通过本地PCRDP到服务器并且找到黑客攻......