vue3前端界面布置到服务器，使用户能用网址访问到界面

news2024/12/29 3:55:32

1.下载Nginx： nginx: download

2.下载好的Nginx解压缩， 在解压缩的文件夹下找到conf => nginx.conf，修改nginx.conf中的server，配置服务器的ip地址和端口号

 

 

3.执行npm run build命令，vue生成的dist下的文件全部放置在 nginx文件夹下的html中，在nginx中启动nginx.exe,在客户端的浏览器上输入ip:端口号/index.html    可访问成功

 【注意：vue中向后台请求数据的api中要加入nginx中配置的ip地址和后端设置的端口号】

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2076499.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

基于微信小程序的行李寄存管理系统的设计与实现(论文+源码)_kaic

基于微信小程序的行李寄存管理系统的设计与实现(论文+源码)_kaic

基于微信小程序的行李寄存管理系统的设计与实现(论文源码)_kaic 摘 要 人们外出旅行的时候，经常会需要到行李寄存的服务。行李寄存处在全国各地都很常见。现存的行李寄存方式很传统，适合小规模的行李寄存，当行李数量较多时，就…
阅读更多...
【领域驱动设计 打通DDD最小闭环】三 模型的建立-领域建模

【领域驱动设计 打通DDD最小闭环】三 模型的建立-领域建模

本篇BLOG为DDD流程的第二步，在模型的建立阶段，领域专家与技术人员通过领域建模来完成更为细致的模型建立讨论 领域建模的目的 领域建模主要有两个目的： 将知识可视化，准确、深刻地反映领域知识，并且在业务和技术人…
阅读更多...
神经网络——非线性激活

神经网络——非线性激活

1 非线性激活 1.1 几种常见的非线性激活： ReLU (Rectified Linear Unit)线性整流函数 Sigmoid 1.2代码实战： 1.2.1 ReLU import torch from torch import nn from torch.nn import ReLUinputtorch.tensor([[1,-0.5],[-1,3]])inputtorch.reshape(…
阅读更多...
HT97226 160mW免输出耦合电容的立体声耳机放大器

HT97226 160mW免输出耦合电容的立体声耳机放大器

特点： 输出无需隔直流电容 卓越的低音效果 无咔嗒/噼噗声，50uV (typical) Vos 低THDN:最低0.002% 低噪声,VN: 8.5uV 支持单端输入和全差分输入 2.5V至6V较宽的电源工作范围 输出功率:80mW(fIN1kHz,VDD3.6V,RL32Ω, THDN1%) 160mW(PVDD5V,fIN1kHz,RL32Ω…
阅读更多...
Java中的抽象类 abstract

Java中的抽象类 abstract

抽象方法： 将共性的行为（方法）抽取到父类之后。由于每一个子类执行的内容不一样，所以，在父类中不能确定具体的方法体。该方法就可以定义为抽象方法。 抽象类 如果一个类中存在抽象方法，那么该类就必须声…
阅读更多...
【软件测试】软件测试-----概念篇

【软件测试】软件测试-----概念篇

软件测试相关概念 一.需求的相关概念1.1 用户需求1.2 软件需求 二. 开发模型2.1 模型的基本概念.2.2 软件的生命周期2.2.1 理解软件生命周期每个阶段的具体任务 2.3 常见的开发模型.2.3.1 瀑布模型(适用场景：需求固定的小项目).2.3.2 螺旋模型(适用场景：…
阅读更多...
ollama+llama3.1 405B 简介

ollama+llama3.1 405B 简介

ollamallama3.1 简介 Llama 3.1是一款来自Meta的最新型号，提供8B、70 B和405 B模型。 llama3.1:latestllama3.1:8bllama3.1:70bllama3.1:405bllama3.1:8b-instruct-fp16llama3.1:8b-instruct-q2_Kllama3.1:8b-instruct-q3_K_Sllama3.1:8b-instruct-q3_K_Mllama3.1…
阅读更多...
python如何调用另一个文件中的函数

python如何调用另一个文件中的函数

在同一个文件夹下 调用函数： A.py文件： def add(x,y):print(和为：%d%(xy)) B.py文件： import A A.add(1,2) 或 from A import add add(1,2) 在不同文件夹下 A.py文件的文件路径：E:\PythonProject\winycg B.py文件&a…
阅读更多...
构建并升级openssh至OpenSSH_9.8p1

构建并升级openssh至OpenSSH_9.8p1

组件说明OpenSSH_9.8p1最新版本（2024年8月）OpenSSL 1.1.1pCentOS7中默认是OpenSSL 1.0.2k-fips 26 Jan 2017版本，OpenSSH_9.8p1不支持CentOS7主要是因为有大量CentOS老版本需要升级RPM，需要适配，故选择此版本。AnolisO…
阅读更多...
输入一个正的奇数n（1≤n≤9），打印一个高度为n的、由“*”组成的沙漏图案。当n=5时，输出如下沙漏图案：

输入一个正的奇数n（1≤n≤9），打印一个高度为n的、由“*”组成的沙漏图案。当n=5时，输出如下沙漏图案：

输入一个正的奇数n&#xff08;1≤n≤9&#xff09;&#xff0c;打印一个高度为n的、由“*”组成的沙漏图案。当n5时&#xff0c;输出如下沙漏图案&#xff1a; int main(){int i,j,n,m;scanf("%d",&n);m n / 2;for(im1;i<1;i--){ //m1是中间数for(jm1-i;j&g…
阅读更多...
音频筑基：为啥一个压缩率概念，中文搜索结果都是错的？

音频筑基：为啥一个压缩率概念，中文搜索结果都是错的？

音频筑基&#xff1a;为啥一个压缩率概念&#xff0c;中文搜索结果都是错的&#xff1f; 缘起概念分析小结 缘起 最近看一些数据压缩类的文章&#xff0c;对不同场合下表达的压缩率概念分歧&#xff0c;产生了疑问。有的说&#xff0c;压缩率越小越好&#xff0c;有的又说&…
阅读更多...
信刻光盘摆渡机——完全物理隔离,安全合规

信刻光盘摆渡机——完全物理隔离,安全合规

信刻光盘摆渡机是一款跨网安全数据摆渡设备&#xff0c;用于不同等级网络之间数据跨网安全传输的需求&#xff0c;采用智能光盘机械手臂&#xff0c;模拟人工取放光盘&#xff0c;在保持物理隔离的条件下&#xff0c;安全合规实现网间信息系统数据库及文件同步、网间信息数据交…
阅读更多...
下载B站视频作为PPT素材

下载B站视频作为PPT素材

下载B站视频作为PPT素材 1. 下载原理2. 网页分析3. 请求页面&#xff0c;找到数据4. 数据解析5. 音频、视频下载6. 合并音频与视频7. 完整代码 其实使用爬虫也不是第一次了&#xff0c;之前从网站爬过图片&#xff0c;下载过大型文件&#xff0c;如今从下载视频开始才想到要写一…
阅读更多...
搭建自己的GPT

搭建自己的GPT

搭建自己的GPT 文章说明核心代码效果展示源码下载 文章说明 目前GPT的使用比较主流&#xff0c;现有开源大模型&#xff0c;可以拉取到本地进行部署&#xff0c;搭建属于自己的GPT对话工具&#xff1b;主要用于熟悉大模型的本地搭建&#xff1b;本文采用开源的Ollama进行服务提…
阅读更多...
MyBatis中的#{}和${}区别、ResultMap使用、MyBatis常用注解方式、MyBatis动态SQL

MyBatis中的#{}和${}区别、ResultMap使用、MyBatis常用注解方式、MyBatis动态SQL

#{}和${}区别&#xff1a; #{}&#xff1a;是占位符&#xff0c;采用预编译的方式sql中传值&#xff0c;防止sql注入&#xff0c;如果我们往sql中列值传递一般使用 #{}。 ${}&#xff1a;采用字符串拼接的方式直接拼接到sql语句中&#xff0c;一般不用于sql列值传递&#xf…
阅读更多...
高可用 Go 服务开发

高可用 Go 服务开发

高可用的含义是尽量减少服务的不可用&#xff08;日常维护或者突发系统故障&#xff09;时长&#xff0c;提升服务的可用时长。如何衡量一个服务的可用性呢&#xff1f;或许你也听说过&#xff0c;通常企业可能会要求服务的可用性能能够达到三个 9(也就是 99.9%)或者 4个 9 &am…
阅读更多...
C# 自动化抢购脚本：基于商品链接的实现方案

C# 自动化抢购脚本：基于商品链接的实现方案

实现思路&#xff1a; 启动参数: options.AddArgument("start-maximized"); 用于启动浏览器时使其窗口最大化。 创建 EdgeDriver 实例: EdgeDriver driver new EdgeDriver(options); 用于初始化 WebDriver 实例。导航到 URL: driver.Navigate().GoToUrl("请输入…
阅读更多...
详谈进程等待

详谈进程等待

目录 前言1. 进程等待的必要性1.1 进程等待的定义 2. 如何进行进程等待2.1 wait 单进程2.2 wait 多进程2.3 status && 退出情况2.3.1 status 参数构成2.3.2 简证 status 参数构成2.3.3 进程等待失败2.3.4 宏调用查看退出信息 3. 进程等待的原理 前言 本篇文章继上一篇…
阅读更多...
一款免费且功能强大的图像查看和编辑软件

一款免费且功能强大的图像查看和编辑软件

IrfanView是一款免费且功能强大的图像查看和编辑软件&#xff0c;以其小巧的体积、快速的运行速度和丰富的功能而闻名。它不仅支持多种图像格式&#xff0c;如JPEG、PNG、BMP、GIF等&#xff0c;还支持视频和音频文件的播放。 IrfanView的主要特点包括&#xff1a; 广泛的文件…
阅读更多...
Tomcat启动过程是怎么样的？

Tomcat启动过程是怎么样的？

一、Tomcat 启动流程 步骤&#xff1a; 1、启动tomcat&#xff0c;需要调用 bin/startup.bat (在linux 目录下&#xff0c;需要调用 bin/startup.sh)&#xff0c;在startup.bat 脚本中&#xff0c;调用了catalina.bat。 2、在catalina.bat 脚本文件中&#xff0c;调用了BootS…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023