logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

nginx部署vue项目路径添加前缀

背景:近日客户提出希望在部署后的路径上添加一个项目前缀dist,原来访问地址是http://192.168.11.186:8888,现希望改成http://192.168.11.186:8888/dist才能正常访问查阅诸多资料,从nginx部署多个前端项目中找到灵感server {listen8081;server_namelocalhost;location / {#不修改此处,确保用户直接输

tomcat运行vue项目,刷新后报404

背景:打包后的项目发给后台部署到tomcat/webapps/dist中,刷新页面报404解析:一般项目放tomcat/webapps/ROOT/,因为里面有默认的WEB-INF,若放外面,需修改conf/server.xml中的配置才会打开页面;vue是单页面应用,当router使用history模式,URL是和正常的url差不多的,但vue-router设置的路径是虚拟路径,当后台没有配置支持

vue-element-admin配置全局样式

背景:最近做一个管理平台,为了方便,我们使用了vue-element-admin,但是UI设计的整体主题是红色,为了方便维护和减轻其他页面的工作量,遂决定配置全局的一个样式覆盖原有的element样式。1、全局组件样式,覆盖原有的element自带样式(1)找到styles文件,新建一个custom-element文件夹,新建一个index.scss文件,引入需要的组件样式,最好是一个组件一个文件

vue-router结合顶部进度条NProgress的使用

简介:顶部进度条,用于动态展示切换路由加载页面的效果使用1、安装插件npm install nprogress -S2、使用// 在路由守卫拦截中引入import NProgress from 'nprogress' // progress barimport 'nprogress/nprogress.css' // progress bar styleNProgress.configure({

uni-app开发之编辑器HBuilderX(一)

前言:一直想要研究uni-app,苦于没有合适的项目和时机,最近帮同事解决一些小程序的bug,终于下定决心好好整理一下笔记,开始入坑uni-app一、编辑器(HBuilderX)uni-app需要真机模拟,所以使用专业的编辑器会事半功倍。1、下载地址:HBuilderX-高效极客技巧 (建议使用正式版----app开发版)说明:Alpha更新频率高,不稳定,所以最好下载正式版标准版可用来开发web

#小程序
使用vue-cli创建uni-app的常见问题

用vue-cli安装// 第一步,安装vue-clinpm install -g @vue/cli// 安装正式版 my-uni-project可自定义项目名称vue create -p dcloudio/uni-preset-vue my-uni-project选择hello uni-app,并回车项目创建完后,执行以下命令运行// 打开项目cd my-uni-project// 运行npm r

#小程序
判断一个数字是否为偶数的几种方式

第一种:取余function isOdd(n){if(n%2==0){console.log(n+'是偶数');}else if(n%2==1){console.log(n+'是奇数');}else{console.log(n+'不是整数');}}console.log(isOdd(3))第二种:位运算符&function isOdd(n){if(n&1){

判断一个对象为空对象的几种方法

经典面试题,研发时也经常遇见的一个问题:如何判断一个对象是空对象?方法一:将对象转换成字符串,再判断是否等于“{}”let obj={};console.log(JSON.stringfy(obj)==="{}");//返回true方法二:for in循环let result=function(obj){for(let key in obj){return false;//若不为空,可遍历,返回f

#javascript
正则表达式语法大全

前言:一般开发中都会接触到正则表达式,作为一名合格的前端,也应该了解一下正则表达式编写原则,便于自己也能快速编写想要的正则表达式。

#javascript
到底了