文章目录1、vue项目的配置2、nginx的下载和配置3、服务器node后端服务和nginx代理开启 1、vue项目的配置  对于vue/cli3.x及以上版本的vue项目,其缺少配置文件,需要自己手动添加,在 该文章 中有部分说明,主要应对请求跨域的问题。对此根目录下新建vue.config.js:module.exports={ devServer: { proxy: {
转载 2024-10-22 13:39:05
63阅读
 前言:学习了一周的CICD,踩了很多坑,都是泪,特此记录一下整个过程,本次项目产出效果是,git push的时候自动化直接部署到服务器上,一下是整个大致流程: 1.本地代码push到gitlab 2.gitlab通过webhook通知到jenkins 3.jenkins拉取gitlab仓库代码,并执行shell脚本 4.shell脚本执行docker命令,打包项目 5.安装n
转载 2024-06-06 21:47:25
479阅读
我们把一个多人协作的vue前端项目发布服务器,一般要经过以下步骤: git更新最新的代码 构建项目 把构建后的代码上传到服务器 如果用jenkins来构建的话,只需要点击一次构建按钮,就可以自动完成以上的步骤了,而且根据需求,可以实现更多的功能。 1.下载安装jenkin 1.1 java环境 je ...
转载 2021-09-25 02:04:00
675阅读
2评论
# 如何在Window Docker Desktop部署前端Vue项目 ## 1. 介绍 作为一名经验丰富的开发者,我将会教你如何在Window Docker Desktop中部署前端Vue项目。在这个过程中,你将学会如何使用Docker来构建和运行Vue项目。 ## 2. 流程 下面是整个部署过程的步骤: | 步骤 | 描述 | |------|------| | 1 | 安装Docker
原创 2024-04-04 06:32:52
136阅读
调试方法——控制台在vue文件中添加下方代码,将vue实例绑定到windowvue属性上mount
h
原创 2022-07-12 16:11:48
159阅读
window.VUE_ROUTER 全局 VueRouter 实例
转载 2021-05-08 12:01:00
334阅读
路由:路由就是url到函数的映射 后端渲染:网页通常是通过后端路由直出给客户端浏览器的。也就是网页的html一般是在后端服务器里通过模板引擎渲染好再交给前端的。比较原始,比如python的django的MVT结构,通过url,匹配view里的函数,通过函数去渲染templates里边的html 前端渲染:一个原则就是,在所有后端路由规则的最后,配置一个规则,如果前面其他路由规则
转载 2024-10-26 18:48:36
13阅读
1.vue的初始化函数添加函数://周期函数 初始化 mounted() { //定义全局函数 window['test'] = () => { this.test1()//定义在vue method里面的方法 }}2.内嵌的html里面即可使
原创 2023-06-06 18:00:56
177阅读
属性 window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。 在窗口大小改变之后,就会触发resize事件. //vue页面 <template> <div id='echart'> 报表 </div> </template> <script> export default {
原创 2023-06-23 16:29:37
446阅读
1点赞
1评论
属性 window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。 在窗口大小改变之后,就会触发resize事件. //vue页面 <template> <div id='echart'> 报表 </div> </template> <script> export default {
原创 2023-10-23 08:39:23
106阅读
1点赞
1评论
# 通过 Window 调用 Android 方法的 Vue 实现 在现代 Web 开发中,Vue.js 是一个非常流行的前端框架,它可以帮助开发者高效地构建用户界面。随着移动互联网的发展,很多 Web 应用需要与智能手机的原生功能进行交互,特别是在 Android 系统上。在这篇文章中,我们将探讨如何通过‘window’对象在 Vue 应用中调用 Android 的原生方法,并提供完整的代码示
原创 2024-09-26 06:02:24
126阅读
# 如何在Windows环境下使用Docker Desktop部署前端Vue项目 在今天的开发环境中,Docker已经成为一个流行的工具,它能有效地帮助开发者创建、部署和运行应用程序,尤其是前端项目。本文将引导你通过Docker Desktop在Windows环境下部署一个前端Vue项目。以下是整个过程的概览: ## 部署流程 | 步骤 | 描述
原创 2024-08-13 03:40:26
525阅读
不知道大家在接触React或者Vue的时候,有没有思考过,这个框架到底是在哪里渲染的?其实现在流行的Ng、React和Vue等前端技术,都是属于浏览器渲染,最初设计的理念是为了减轻服务器压力,但是这个也是有弊端的,最主要的,比如首页加载过慢(因为第一次加载需要加载JS等资源,然后浏览器会根据JS绘画渲染页面,这个过程需要一定的时间)和不利于SEO的优化(百度等国内的网络蜘蛛不会爬异步加载的网站)。
转载 11月前
40阅读
# 如何在Windows上部署Java项目 ## 引言 在本文中,我将向你展示如何在Windows操作系统上部署Java项目。作为一名经验丰富的开发者,我将引导你完成整个过程,并提供每一步所需的代码和注释。 ## 部署流程 首先,让我们来看一下部署Java项目的整个流程。下表展示了每个步骤以及需要执行的操作。 | 步骤 | 操作 | | --- | --- | | 步骤1:准备环境 | 安
原创 2023-08-22 07:12:20
499阅读
# Window Java 部署项目:从原理到实践 在现代软件开发中,Java作为一种强大的编程语言,广泛应用于企业级应用及各种平台的开发。本文将介绍如何在Windows环境中部署Java项目,包括代码示例及相关的ER图和序列图,帮助读者更好地理解项目部署的工程实践。 ## 1. 项目准备 首先,我们需要准备一个简单的Java项目。假设我们的项目名为`HelloWorld`,其主要功能是打印
原创 9月前
6阅读
1、安装node.js官网历史版本下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。2、设置nodejs prefix(全局)和cache(缓存)路径2.1、在nodejs安装路径下,新建node_global和node_cache两个文件夹2.2、设置缓存文件夹npm config set cache "{node安装目录}\node_cache"设置全局模块存放路径npm conf
转载 2023-05-26 14:03:51
185阅读
windows平台上通过Nginx部署Vue项目公司项目使用 ruoyi_cloud 微服务快速平台开发,前端用的是 ant design vue 今天临时需要部署前端,同事忙不过来,我就操刀上了;做为一个以前仅仅在 Linux 上简单玩过 Nginx 的小白,刚开始还是比较懵逼的,公司这次部署是在windows平台上,网上一顿查资料,也算是完成任务了,其实挺简单的;遂简单记录下,以备以后查阅,也
转载 11月前
94阅读
项目介绍本项目是通过慕课网来学习的vue项目,因为公司比较忙,所以一段时间只能停下来。现在也算是终于写完了,因为没有本地服务器和后台支持,现在用的json文件调用。项目引用插件   fastClick.attach(document.body)  babel-polyfill:提供es6有而es5没有的一些方法,相当于一个es5的装备,装上之后能让他使用es6的方法  vue-aweso
转载 2023-12-11 10:32:40
51阅读
Vue 目录结构可以在 github 上通过这款 Chrome 插件 octotree 查看Vue的文件目录。也可以克隆到本地。。Vue 是如何规划目录的scripts ------------- 构建相关文件 git-hooks.js ----- 存放 git 钩子 alias.js ----- 别名配置文件 config.js ------ 生成 rollup 配置 build.js
转载 7月前
39阅读
文章目录一、NodeJs 下载及配置二、全局下载项目脚手架三、创建项目四、启动项目一、NodeJs 下载及配置本节内容参见本人
原创 2022-08-12 11:01:17
587阅读
  • 1
  • 2
  • 3
  • 4
  • 5