#周项目

nuxt项目服务端渲染应用部署、使用pm2守护进程及遇到的问题处理

  服务端渲染应用部署应该先编译构建,然后再启动Nuxt服务,可通过以下两个命令来完成:nuxtbuildnuxtstart  我们已经在pakage.json里配置好script命令{"scripts":{  "dev":"nuxt",  "build":"nuxtbuild",  "start":"nuxtstar...

vue项目实现列表页-详情页返回不刷新,再点其他菜单项返回刷新的需求

  问题背景:有时候一些列表会有一些跳转的需求,比如跳到详情页、或者是其他相关的页面(比如跳到用户列表去查看用户的相关信息)等,此时再返回列表页,列表页会刷新重置。目前需求就是需要改成如下情况:  问题1、列表-详情页,返回,不刷新重置;  问题2、再点其他菜单,再返回,需要刷新重置。  解决思路:  解决需求自然是想...

使用Git将本地项目上传到Github操作详解

  Git的安装就不说了。一、建本地仓库1、第一步:我们需要先创建一个本地的版本库(其实也就是一个文件夹)。    你可以直接右击新建文件夹,也可以右击打开Gitbash命令行窗口通过命令来创建。  反正就是创建一个文件夹,然后进入该文件夹2、第二步:通过命令gitinit把这个...

vue-cli项目优化,缩短首屏加载时间

1、大文件定位  我们可以使用webpack可视化插件WebpackBundleAnalyzer查看工程js文件大小,然后有目的的解决过大的js文件。  安装:npminstall--save-devwebpack-bundle-analyzer  在webpack中设置如下,然后npmrundev的时候默认会在888...

IDEA是如何导入项目的,及启动导入项目遇到的问题:无法加载主类的一连串问题

1、启动报错误:找不到或无法加载主类org.spring.springboot.Application  可能在工程下面有多个module,然后,module里面的iml配置文件不止一个,删除留主的一个就好了  像我的这个就有main、test、springBoot三个module,我删掉main和test就行了2、报...

创建spring boot项目启动报错遇到的问题

1、Springboot,Mybatis启动报错Failedtoauto-configureaDataSource***************************APPLICATIONFAILEDTOSTART***************************Description:Failedtoconfi...

vue项目中使用mockjs模拟接口返回数据

  Mock.js是一个模拟数据生成器,利用它,可以拦截ajax请求,直接模拟返回数据,这样前后端只要约定好数据格式,前端就不需要依赖后端的接口,可以直接使用模拟的数据了。  网上介绍mock的教程也较多,不过大多数看的比较模糊。其实使用起来非常简单,这里介绍在Vue工程中使用Mockjs,并且实现开发和生产配置化。一...

项目部署问题:xftp无法连接服务器、Nginx403 Forbidden解决、nginx反向代理解决前端跨域问题

一、xftp无法连接服务器  在xftp中配置正确的ip,用户名和密码后,居然无法连接  解决方案:将协议里面的FTP换成SFTP,注意换成SFTP后端口就默认换成22,要还是原来的21就还是连不上的哈二、Nginx出现403Forbidden最终解决  在用nginx配置的时候,出现403禁止访问错误  解决方案:打...

Vuex内容解析和vue cli项目中使用状态管理模式Vuex

  中文文档:vuex官方中文网站一、vuex里面都有些什么内容?conststore=newVuex.Store({state:{name:'weish',age:22},getters:{personInfo(state){return`Mynameis${state.name},Iam${state.age}`;...
代码星球 ·2020-06-27

vue项目中使用地图组件

一、引入高德地图  一般用使用vue-cliwebpack最简单粗暴的引入地图api的方法就是,在入口index.html的头部直接引入,记得一定要带上key,如果没有的话去高德地图api的官网申请一个。传送门如下:申请key传送门<scripttype="text/javascript"src="http://...

vue项目如何实现剪切板功能--vue-clipboard2

一、vue项目利用vue-clipboard2实现剪切板的功能  1、安装vue-clipboard2插件:cnpminstall--savevue-clipboard2  2、main.js添加importVueClipboardfrom'vue-clipboard2'Vue.use(VueClipboard)  3...

vue项目配置使用flow类型检查

  你是否经常在debug那些简单可避免的bug?可能你给函数传参的时候搞错了参数的顺序,或者本来应该传个Number类型的参数,你传了一个String类型?JavaScript的弱类型是这一类bug的罪魁祸首,静态类型语言中不存在此类bug。Flow就是JavaScript的静态类型检查工具,该库的目标在于检查Jav...

Vue打包项目图片等静态资源的处理

  项目打包,默认是打包在根目录下面的。当然我们可以通过设置,打包到任意子目录中去。但是,当项目中引入资源的,比如:引入图片资源、js资源、或者字体图标之类的。那么可能在这个中间又会踩坑。1、在vue文件引入图片  例如,我们将一张图片放到资源目录/static/image/lyf.jpg我们在vue文件中用下面的代码...

vue项目构建实战基础知识:SPA理解/RESTful接口介绍/static目录配置/axios封装/打包时map文件去除

一、SPA  不是指水疗。是singlepagewebapplication的缩写。中文翻译为单页应用程序或单页Web应用,更多解释请自行搜索。  所有的前端人员都应该明白我们的页面的url构成:http://www.fengcms.com/index.html?name=fungleo&old=32#mylo...

vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址

一、开发环境中跨域  使用Vue-cli创建的项目,开发地址是localhost:8080,需要访问非本机上的接口http://10.1.0.34:8000/queryRole。不同域名之间的访问,需要跨域才能正确请求。跨域的方法很多,通常都需要后台配置,不过Vue-cli创建的项目,可以直接利用Node.js代理服务...
首页上一页...6970717273...下一页尾页