使用node.js+express或者使用node.js+pm2搭建服务器，将vue或react打包后生成的dist目录在本地运行vue项目打包后生成的dist目录如果直接在本地打开index.html,在浏览器中会报错，无法运行起来。通常我是放到后端搭建的服务上面去运行，当时前端自己也可以是node，nuxt搭建服务器，写接口等等如果想在本地运行，我们可以借助node.js+express搭建一个服务器，将打包后的文件部署在服务器上，就可以运行起来了。安装npminstallexpress-gnpminstallexpress-generator-gnpminstallpm2-g或者一起安装
1前言 前后端分离的"前"特指浏览器端(或客户端)，直接呈现给用户的；后端是服务器端，处理业务逻辑和数据，不呈现给用户。例如把JSP中静态的HTML部分拿出来，变成简单的HTML文件，放在HTTP服务器上，浏览器只要获取到这些HTML就可以了。动态的数据部分用HTML里的JS通过AJAX的方式从服务器端（servlet等）获取，然后动态操作Dom，完成动态内容的展示。这样前后端就分离了。 本文主要通过编写一个小的demo帮助读者建立前后端连接的实例，当然前后的连接的方法各有不同，各有优势，笔者的水平有限，如果读者有什么见解，欢迎在评论区指出，不胜感激。2数据库的建立 所有的业务逻
前端随笔1：HTML、JavaScript和Vue最近因为工作需要，需要接触一些前端的东西。之前虽然大体上了解过HTML、CSS和JavaScript，也知道HTML定义了内容、CSS定义了样式、JavaScript定义了行为，但是却没有详细的学习过前端三件套的细节。而最近的工作中需要使用Vue，并且想到未来的工作中使用Vue能够更好地展示成功，所以认真的学习了一些前端的知识。因此特地准备写一些文章，将自己的一些心得和感悟记录下来，作为学习的见证和方便未来使用。一、HTML1.HTML语言HTML全称是HyperTextMarkupLanguage，即超文本标记语言，一种用来结构化Web网页及
学历是敲门砖，学历越高，将来的路就越好走。有许多企业宣称“只要你有能力，我欢迎你的加入”。事实上，有实力的企业往往不会去普通学校招生，不是他拒绝了学历较低的群体，而是不给拒绝的机会。即便有公司将招聘的大门对所有人开放，但学历较低的毕业生都跨不过面试官这一道坎，在面试官眼里，没有学历就代表没有实力，收了你的简历，也只是礼貌性的过一下手而已。一般情况下，一个人的学历越高越好。本科比专科好，重本比普本好，硕士研究生比本科好，但这只是一般情况，不是绝对的，还有一种情况，用特殊的硕士身份面试，是不被招聘方所认可的。朋友是一名猎头，说起了他们圈内一件很有意思的事情。 有一名34岁的求职者（小吴）是一名科技
各位朋友你们好，我是桃小瑞，微信公众@桃小瑞。在这给大家拜个晚年，祝各位朋友新年快乐。前言在前端的开发过程中，尤其是在浏览器环境下，跨域是个绕不开的话题，相信每个前端都会涉及到这个问题，记住的就直接手敲解决跨域问题，记不住的就只能问度娘了。😂😂即将登场的是我们的二号人物，跨域。👇👇👇跨域一、什么是跨域？跨域是指在浏览器环境中存在的一种资源同源保护策略。当页面使用ajax/fetch进行网络请求或者页面进行资源请求时，网络协议、域名、端口不一致时就会触发浏览器的同源策略保护机制。浏览器就会在控制台输出像下面图片中的内容。二、解决跨域有哪些途径呢？见招拆招，有限制就有对策。目前有很多可以解决跨域的
nginx部署前端项目时location时root和alias配置操作说明nginx配置文件配置location时使用root方式以上三种方式结论验证用root属性指定的值是要加入到最终路径中的，匹配条件会拼接到路径中即最终获取的静态页面路径为：域名+root+区配条件+index备注：方式2和方式2.1用于验证root属性的值最后的"/"为非必须，有没有最后一个"/"都可以访问到nginx配置文件配置location时使用alias方式以上三种方式结论验证用alias属性指定的值，匹配条件不会拼接到路径中，会直接在alias属性的值下面去找资源即最终获取的静态页面路径为：域名+alias+i
第一种方式：文件预览展示转换为Blob对象//预览图片或者pdf格式文件getViewImg(id:string){returnthis.http.get(`/workflow/attachment/viewImg/${id}`,{observe:'response',responseType:'blob'});}//预览word文件或Excel文件getViewFile(id:string){returnthis.http.get(`/workflow/attachment/view/${id}`,{observe:'response',responseType:'blob'})}预览实现t
在产品发布新版本或者有新功能上线时，经常需要新手引导功能来引导用户了解应用。下面就来分享几个开箱即用的新手引导组件工具库，帮你快速实现新手引导功能！Intro.jsIntro.js是一个使用广泛的产品引导库，它在Github上拥有21.6kStar。其具有以下特点：无依赖：它不需要任何其他依赖。小而快：库文件较小使得引导过程流畅直观。JavaScript文件的整体大小为10KB，CSS为2.5KB。用户友好：提供可以根据喜好选择的各种主题。浏览器兼容性：适用于所有主流浏览器，如GoogleChrome、MozillaFirefox、Opera、Safari等。文档完善：文档包含要介绍的每个元素
前端get请求参数包含数组的情况问题描述解决办法文章参考问题描述当我们使用post传数组参数的时候，是没有问题的，可以不经过参数处理即可正常传参，但是当我们使用get请求传数组参数的时候，会出现下图这样的情况：ajax请求方法//ajax请求方法exportfunctiongetDataApi(params){returnaxios.request({url:`${prefix}/transferFee/page`,method:"GET",params,});}调用请求import{getDataApi}from'@/api/index.js';created(){ constparams=
1、angular介绍Angular是一个由Google维护的开源JavaScript框架，用于在HTML和JavaScript中构建Web应用程序。它包括：AngularCLI可以快速搭建框架，创建module，service，class，directive等；具有webpack的功能，代码分割，按需加载；代码打包压缩；模块测试；热部署，有改动立即重新编译，不用刷新浏览器；而且速度很快有开发环境，测试环境，生产环境的配置，不用自己操心；sass，less的预编译AngularCLI都会自动识别后缀来编译；typescript的配置，AngularCLI在创建应用时都可以自己配置；在创建好的工
