命令！ 1.将项目前端打包，形成静态文件。 cnpm run build 在打包的过程中，不能报错，如果报错在你本地的项目中找错，或者你之前已经打包，在修改本地的项目后又重新打包报错，可以选在删除之前已经打包好的。再重新打包。 2.创建文件。 将打包好的前端复制这一个文件夹中，并且把主应用中的ind ...
转载
2021-09-28 17:27:00
362阅读
2评论
前言：本文描述了如何采用teamcity将项目部署在docker容器中，完成前端项目（例子为vue，其他项目理论上也适用，各框架下完成项目打包即可）自动部署的具体方式，思路及步骤如下： 1.teamcity从git拉取代码到工作空间 2.在工作空间目录下，项目打包生成dist， 3.将dist复制到以nginx为基础镜像的dockerimage中，完成dockerimage的build 4.最后用
转载
2023-11-19 10:11:52
262阅读
1. Jquery介绍1.1. 什么是Jquery?顾名思义，它的全称就是Javascript+Query的化身，它是辅助Javascript开发的js类库。1.2. Jquery的核心思想简而言之，就是write less,do more! 即写的更少，做的更多，同时它解决了浏览器对不同的 js 操作的兼容问题！1.3. Jquery的流行程度和好处jquery是免费、开源的，它的语法设计更加简
转载
2024-03-12 17:48:46
46阅读
一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery.二.前言首先道个歉! "从零开始学习ASP.NET MV
通常的前端部署方式：把前端打包好的代码放到服务器(linux)目录下，然后通过nginx转发出去。但是会有前端SPA应用比较经典的白屏问题。 后来了解到有些公司将前端项目部署在 OSS 里，还可以进行加速解析，实现解决前端代码白屏问题。故而学习了解下。 （前提要有一个已经备案过的域名）一、阿里对象存储OSS准备1、申请阿里对象OSS 登录账号，选择控制台，选择 oss，新建Bucket，
转载
2023-12-23 14:24:22
28阅读
分类前端项目的部署根据工作的特点可以分为首次部署，常规部署和优化部署。首次部署首次部署，指的是生产环境仅仅是一个有着公网网络服务的操作系统，在这基础之上通过部署，使得可在浏览器输入网址访问到内容的过程。首次部署的特点是从零开始，因此涉及的面非常广，该过程往往需要系统架构师，系统运维工程师，系统研发工程师等协同工作。从前端项目的特点来看，其核心的问题是：需要部署的项目包需要HTTP服务器提供怎样的服
原创
2017-12-27 21:18:15
5533阅读
在进行Vue前端项目部署之前，首先需要了解整个部署流程。下面将通过表格展示具体的步骤，然后逐步介绍每一步需要执行的操作以及相应的代码示例。
| 步骤 | 操作 |
|-------------------|--------------------------------------|
| 步骤一
原创
2024-04-23 19:03:10
65阅读
浅谈前端项目部署常规情况下的前端部署 npm install
npm run build ----> ./dist/
mv dist AAA
把AAA文件夹放到服务器的一个某个目录/xxx/xxx/AAA
nginx.conf server 配置listen端口，配置root目录，配置location路径，和index主页、请求转发等。复制代码以上部署方式的弊端如果工程区分
转载
2021-01-22 21:56:46
720阅读
2评论
# 前端项目部署架构详解
随着前端技术的迅速发展，越来越多的开发者投入到前端项目的开发中。为了实现高效、可靠的前端项目部署，了解前端项目部署架构是非常重要的。本文将围绕前端项目的部署架构进行分析，提供示例代码以及相关的流程图和类图，以帮助大家更好地理解。
## 前端项目部署架构概述
前端项目的部署架构通常包括多个组成部分，如构建工具、静态资源服务器、CDN、反向代理、监控和日志系统等。接下来
原创
2024-09-12 05:20:38
147阅读
需在server.xml中进行配置 <Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true"> <Valve className="org.apache.catalina.valves.AccessLog ...
转载
2021-07-26 10:13:00
421阅读
2评论
# Docker前端Vue项目部署
在前端开发中，我们通常会使用Vue.js构建Web应用程序。而随着应用程序的发展，我们需要将Vue项目部署到服务器上，以供用户访问。而Docker作为一种容器化技术，可以帮助我们实现应用程序的快速部署和扩展。本文将介绍如何使用Docker部署Vue项目，并提供代码示例。
## Docker简介
Docker是一种容器化技术，它允许开发人员打包应用程序及其所
原创
2024-03-23 08:31:46
48阅读
文章目录5. 前端工程化5.1 vue-cli5.2 项目的打包与发布5.2.1 使用静态服务器工具包发布打包5.2.2 使用动态web服务器(Tomcat)发布打包5.3 Vue-devtools5.3.1 Vue-devtools安装5.3.2 Vue-devtools的使用 参考5. 前端工程化5.1 vue-clivue create demo1 //使用vue-cli创建一个vue项目
### 前端项目部署到Nginx
#### 一、流程概述
在实际项目中，将前端项目部署到Nginx有以下几个主要步骤：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 将前端项目打包生成静态文件 |
| 2 | 部署Nginx服务器 |
| 3 | 配置Nginx服务器 |
| 4 | 将打包好的前端项目文件复制到Nginx的web目录下 |
#### 二、具体操作
原创
2024-04-23 19:02:12
120阅读
2、环境和调试1、commonJS规范、global全局对象、process（当前执行的进程，挂载于global下面）2.1、commonJS1、commonJS是Node.js模块规范,下面讲个例子（1）先写个console.js文件里面致谢一句话console.log('this is Node.js')（2）然后在命令行进行调试,输入命令：node --inspect-brk console
本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案，针对项目分别部署在不同的服务器上的场景，就一些重点步骤、碰到的问题做了一些总结。
原创
精选
2023-04-10 10:38:13
315阅读
一、 Vite 创建 Vue3 项目打开 cmd 运行 npm init @vitejs/app项目目录文件及其分类package.json 文件内容在 Vite 中是不支持 eslink 语法校验的，需要自己配置。npm run dev 启动项目 此时就已经通过Vite2.0来曾经项目成功。补充：项目中三个文件（index.html、main.js、App.vue）的关系因此在 Vite2 搭建
转载
2024-08-25 14:54:44
72阅读
Vue项目部署问题及解决方案Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 H
转载
2024-08-07 20:53:35
24阅读
jQuery是一个js库。里面封装了各种各样的js方法。 用户在使用jQuery的时候，只需要调用jQuery里的方法， 即可完成相对复杂的功能，没有必要自己去定义相关的方法。 jQuery语法 $(selector).action; jquery框架本身就是一个js文件，可以像导入普通的js文件一样导入jquery文件导入jquery文件以后，就可以使用jquery提供的各种各样的方法。 /*j
转载
2024-07-18 13:53:42
40阅读
## 前端Vue项目部署在Docker
在现代的Web开发中，前端框架Vue.js已经成为了一个非常流行的选择。而Docker作为一个轻量级、可移植、自给自足的容器化平台，也在开发中扮演着重要的角色。本文将介绍如何将前端Vue项目部署在Docker容器中。
### 准备工作
首先，我们需要确保你已经安装了Docker。如果没有安装，可以在[Docker官网](
接下来，我们假设你已经有一个
原创
2024-06-15 03:55:03
29阅读
Web 前端学习 之js概述1.JavaScript 介绍Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行JavaScript 代码。JS 是Netscape 网景公司的产品，最早取名为LiveScript;为了吸引更多java 程序员。更名为JavaScript。JS 是弱类型，Java 是强类型。如在Java中需要 int i = 1;在JS
转载
2024-10-28 08:45:00
15阅读
