首页 > 系统相关 >nginx部署vue项目

nginx部署vue项目

时间:2024-03-08 14:45:21浏览次数:26  
标签:index vue 8080 部署 nginx dist localhost

第一步:打包

第二步:地址映射

http{                                           
  server{                                        
    listen       8080;                      #设置端口号8080
    server_name  localhost;                 #主机域名
    location / {                                      
       root   C:/vue/dist;                 #dist文件夹路径
       index  index.html index.htm;        #项目首页
    }
  }
}

启动nginx,浏览器输入 http://localhost:8080 便可以访问到我们打包后的vue项目。

参考:https://mp.weixin.qq.com/s/o_Kvn2yoi_UOlKwIEx9CVA

标签:index,vue,8080,部署,nginx,dist,localhost
From: https://www.cnblogs.com/2008nmj/p/18060912

相关文章

  • nginx配置文件结构详解
    nginx配置文件(conf文件夹下nginx.conf文件为nginx配置文件)结构详解:main块(全局块):nginx全局信息,指令的相关配置events块:nginx工作模式,与用户网络连接的相关配置http块:http协议信息,代理,缓存,日志大多数功能和第三方模块的的相关配置server块:虚拟主机的相关配置(一个http块中可有......
  • Linux环境下Docker部署.Net8应用
    ......
  • FFU、WIM、ESD、VHD和VHDX都是与Windows操作系统部署、备份和虚拟化相关的文件格式。
    FFU(FullFlashUpdate)文件格式是微软开发的,用于在Windows设备上进行固件更新和完整系统部署的一种映像文件格式。FFU文件包含了设备的完整磁盘映像,包括所有分区、文件系统和数据。这种格式允许精确复制存储设备的内容,提供了一种高效且可靠的方式来恢复、更新或部署设备。下面是对F......
  • Vue学习笔记40--脚手架项目架构分析
    脚手架项目架构分析1.babel.config.js——babel的控制文件,用于ES6转ES5(一般不需要程序员进行配置,如想研究请查看babel官网)module.exports={presets:['@vue/cli-plugin-babel/preset']}2.package.json——包信息说明,例如:项目名称、版本、采用的依赖、库文件......
  • 如何将应用一键部署至多个环境?丨Walrus教程
    在Walrus平台上,运维团队在资源定义(ResourceDefinition)中声明提供的资源类型,通过设置匹配规则,将不同的资源部署模板应用到不同类型的环境、项目等。与此同时,研发人员无需关注底层具体实现方式,通过创建Resource对象声明需要使用的资源类型及基本信息,就可以灵活地在各种环境中自......
  • 统一身份认证系统 OpenLDAP 完整部署
    0)LDAP介绍LDAP是什么?在那些地方用会用到LDAP?LDAP英文名称:LightweightDirectoryAccessProtocol轻型目录访问协议。常用在单点登录,用户可以通过一个用户和密码登录多个服务,方便管理。目前我们使用的一下工具,Jenkins,GitLab,Jumpserver,Grafana,Confluence,NextCloud等等,很多开......
  • 将java项目打包部署在linux系统上(配置成systemd)
    我这里以ruoyi前后端分离的springboot项目为例打包部署1.前置条件1.0一些一些小问题#如果是阿里云或者腾讯云上面去开通安全组#默认防火墙是关闭的可以将防火墙打开sudosystemctlenablefirewalldsudosystemctlstartfirewalld#开放端口sudofirewall-cmd--zo......
  • 基于arduino IDE 部署ESP32 ESP8266开发环境
    本文涉及技术:arduinoIDE环境,windows10系统软件,开发环境配置,单片机新手入门;关于arduino程序学习与相关教程,可以前往Arduino中文社区Arduino教程汇总贴arduino1.8.9arduinoIDE是一个很棒的集成开发环境,自带有开发版环境管理,函数库管理,一键编译、下载;串口调试的功能,代码格......
  • 为什么将Jenkins部署在k8s上
    传统Jenkins的Master-Slave方案的缺陷Master节点发生单点故障时,整个流程都不可用了每个Slave节点的配置环境不一样,来完成不同语言的编译打包等操作,但是这些差异化的配置导致管理起来非常不方便,维护起来也是比较费劲资源分配不均衡,有的Slave节点要运行的job出现排队等待,而有......
  • vue3笔记 ref标签 04
    储存标记中的内容<template><divclass="about"><h1ref="Holly">你好</h1><button@click="hhh">点击输出上述h1</button></div></template><scriptlang="ts"setup>i......