首页 > 系统相关 >【linux中nginx怎么连接自己的前端项目】

【linux中nginx怎么连接自己的前端项目】

时间:2024-09-24 16:21:28浏览次数:9  
标签:文件 dist 编译 前端 nginx linux 打开

你的前端项目目录(我们用antdesign举例):

此时我们没有
此时我们没有dist文件(就是编译后的文件)
所以需要编译
在这里插入图片描述
之后你可以拿到dist文件夹了
在这里插入图片描述
在这里插入图片描述此时我们打开nginx.conf文件在这里插入图片描述
在这里插入图片描述
保存后启动nginx,你就可以看到你自己前端的页面了
打开方法:
在这里插入图片描述

标签:文件,dist,编译,前端,nginx,linux,打开
From: https://blog.csdn.net/DOUBLEDdinosaur/article/details/142490814

相关文章

  • 探索前端组件管理的新境界:远程组件加载
    引言在前端开发的世界中,组件化是构建大型应用的基石。通过将UI元素封装为可复用的组件,开发者可以提高开发效率并保持代码的一致性。然而,随着项目规模的扩大,团队往往会面临组件共享和管理的问题。传统的组件库虽然方便,但每次升级都可能需要项目方进行相应的依赖更新,这无疑增加了维护......
  • 提升前端性能的JavaScript技巧
    背景最近在开发一个全新的Web应用时,我遭遇了一个让人抓狂的问题:页面的加载速度实在是太慢了,用户点击按钮后需要等上几秒才会有反应。作为一个对用户体验有着极高要求的开发者,我怎么能忍受这种情况?于是,我决心彻底优化应用的性能。经过一番钻研和实践,我总结出了一些提升前端性能的Jav......
  • linux系统的常用命令
    Linux系统提供了大量的命令来管理系统和处理文件。以下是一些常用的Linux命令及其简要解释:1、ls:列出目录内容。ls-l#列出详细列表ls-a#列出所有文件,包括隐藏文件2、cd:改变当前目录。cd/path/to/directory#切换到指定目录cd..#返......
  • 在线预览文档的前端实现方法
    在开发Web应用程序中,我们经常需要实现对各种类型文档的在线预览功能,比如PDF、Word文档、Excel表格等等。除了使用第三方库,我们还可以考虑其他几种实现方法。下面介绍几种常见的方法:1.使用浏览器内置组件现代浏览器通常内置了处理文档类型的渲染引擎,例如Chrome和Firefox都具......
  • 提高前端工作效率的秘诀:使用 ChatGPT
    简介在如今快节奏的前端开发环境中,工程师们需要不断寻找新的方法来提高工作效率并更好地满足用户需求。ChatGPT是一种强大的人工智能模型,可以帮助前端开发人员在各个领域取得更高效的成果。本文将探讨如何利用ChatGPT的优势,提高前端开发工作的效率。1.了解ChatGPT的能力ChatGPT是......
  • 前端必备14款业界受欢迎的富文本编辑器
    前端必备❗️14款业界受欢迎的富文本编辑器1、wangEditor基于JavaScript和css开发的Web富文本编辑器,轻量、简洁、开源免费。2、TinyMCE一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成。3、百度ueditor由百度web前端研发部开发所见即所得富文本web编辑器,可定制,注重用......
  • 前端面试官常问的问题
    1.说一说cookiesessionStoragelocalStorage区别?从数据存储位置、生命周期、存储大小、写入方式、数据共享、发送请求时是否携带、应用场景这几个方面来回答。1.存储位置:Cookie、SessionStorage、LocalStorage都是浏览器的本地存储。它们的共同点:都是存储在浏览器本地的,它们的......
  • 前端使用Mock的场景与具体使用方法
    在现代前端开发中,Mock技术扮演着至关重要的角色。无论是开发初期、测试阶段,还是在进行复杂的前后端分离开发时,Mock都能极大地提高开发效率和代码质量。本文将深入探讨前端开发中使用Mock的常见场景,并详细介绍具体的使用方法。1.前端开发中使用Mock的常见场景1.1开发初期的接口模......
  • 告别页面卡顿:Web Worker 助你解决前端性能瓶颈
    背景随着现代前端开发的复杂度不断提升,网页应用变得越来越丰富,用户期望更加流畅的交互体验。然而,JavaScript是单线程的,意味着它不能同时处理多个任务。一旦有耗时的任务执行,例如大量数据处理、复杂算法的计算、或是繁重的文件解析,页面的主线程很容易被阻塞,导致界面卡顿或无响应,严......
  • 腾讯通升级迁移解决方案:兼容linux内核国产系统及移动端
    一、继续使用RTX腾讯通面临的核心痛点自RTX腾讯通停止更新和官网下架以来,用户不仅无法再获取技术支持和更新服务,还面临一系列影响日常使用的重大问题:国产系统及移动端不兼容:RTX腾讯通仅适用于Windows和Mac系统,这使得在国产操作系统和移动设备上的使用成为难题,无法满足信创政策要......