51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#周项目
nuxt项目服务端渲染应用部署、使用pm2守护进程及遇到的问题处理
服务端渲染应用部署应该先编译构建,然后再启动Nuxt服务,可通过以下两个命令来完成:nuxtbuildnuxtstart 我们已经在pakage.json里配置好script命令{"scripts":{ "dev":"nuxt", "build":"nuxtbuild", "start":"nuxtstar...
代码星球
·
2020-06-27
nuxt
项目
服务
渲染
应用
vue项目实现列表页-详情页返回不刷新,再点其他菜单项返回刷新的需求
问题背景:有时候一些列表会有一些跳转的需求,比如跳到详情页、或者是其他相关的页面(比如跳到用户列表去查看用户的相关信息)等,此时再返回列表页,列表页会刷新重置。目前需求就是需要改成如下情况: 问题1、列表-详情页,返回,不刷新重置; 问题2、再点其他菜单,再返回,需要刷新重置。 解决思路: 解决需求自然是想...
代码星球
·
2020-06-27
返回
vue
项目
实现
列表
使用Git将本地项目上传到Github操作详解
Git的安装就不说了。一、建本地仓库1、第一步:我们需要先创建一个本地的版本库(其实也就是一个文件夹)。 你可以直接右击新建文件夹,也可以右击打开Gitbash命令行窗口通过命令来创建。 反正就是创建一个文件夹,然后进入该文件夹2、第二步:通过命令gitinit把这个...
代码星球
·
2020-06-27
使用
Git
本地
目上
传到
vue-cli项目优化,缩短首屏加载时间
1、大文件定位 我们可以使用webpack可视化插件WebpackBundleAnalyzer查看工程js文件大小,然后有目的的解决过大的js文件。 安装:npminstall--save-devwebpack-bundle-analyzer 在webpack中设置如下,然后npmrundev的时候默认会在888...
代码星球
·
2020-06-27
vue-cli
项目
优化
缩短
首屏
IDEA是如何导入项目的,及启动导入项目遇到的问题:无法加载主类的一连串问题
1、启动报错误:找不到或无法加载主类org.spring.springboot.Application 可能在工程下面有多个module,然后,module里面的iml配置文件不止一个,删除留主的一个就好了 像我的这个就有main、test、springBoot三个module,我删掉main和test就行了2、报...
代码星球
·
2020-06-27
导入
问题
IDEA
如何
目的
创建spring boot项目启动报错遇到的问题
1、Springboot,Mybatis启动报错Failedtoauto-configureaDataSource***************************APPLICATIONFAILEDTOSTART***************************Description:Failedtoconfi...
代码星球
·
2020-06-27
创建
spring
boot
项目
启动
vue项目中使用mockjs模拟接口返回数据
Mock.js是一个模拟数据生成器,利用它,可以拦截ajax请求,直接模拟返回数据,这样前后端只要约定好数据格式,前端就不需要依赖后端的接口,可以直接使用模拟的数据了。 网上介绍mock的教程也较多,不过大多数看的比较模糊。其实使用起来非常简单,这里介绍在Vue工程中使用Mockjs,并且实现开发和生产配置化。一...
代码星球
·
2020-06-27
vue
目中
使用
mockjs
模拟
项目部署问题:xftp无法连接服务器、Nginx403 Forbidden解决、nginx反向代理解决前端跨域问题
一、xftp无法连接服务器 在xftp中配置正确的ip,用户名和密码后,居然无法连接 解决方案:将协议里面的FTP换成SFTP,注意换成SFTP后端口就默认换成22,要还是原来的21就还是连不上的哈二、Nginx出现403Forbidden最终解决 在用nginx配置的时候,出现403禁止访问错误 解决方案:打...
代码星球
·
2020-06-27
问题
解决
项目
部署
xftp
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
Vuex
内容
解析
vue
cli
vue项目中使用地图组件
一、引入高德地图 一般用使用vue-cliwebpack最简单粗暴的引入地图api的方法就是,在入口index.html的头部直接引入,记得一定要带上key,如果没有的话去高德地图api的官网申请一个。传送门如下:申请key传送门<scripttype="text/javascript"src="http://...
代码星球
·
2020-06-27
vue
目中
使用
地图
组件
vue项目如何实现剪切板功能--vue-clipboard2
一、vue项目利用vue-clipboard2实现剪切板的功能 1、安装vue-clipboard2插件:cnpminstall--savevue-clipboard2 2、main.js添加importVueClipboardfrom'vue-clipboard2'Vue.use(VueClipboard) 3...
代码星球
·
2020-06-27
vue
项目
如何
实现
剪切板
vue项目配置使用flow类型检查
你是否经常在debug那些简单可避免的bug?可能你给函数传参的时候搞错了参数的顺序,或者本来应该传个Number类型的参数,你传了一个String类型?JavaScript的弱类型是这一类bug的罪魁祸首,静态类型语言中不存在此类bug。Flow就是JavaScript的静态类型检查工具,该库的目标在于检查Jav...
代码星球
·
2020-06-27
vue
项目
配置
使用
flow
Vue打包项目图片等静态资源的处理
项目打包,默认是打包在根目录下面的。当然我们可以通过设置,打包到任意子目录中去。但是,当项目中引入资源的,比如:引入图片资源、js资源、或者字体图标之类的。那么可能在这个中间又会踩坑。1、在vue文件引入图片 例如,我们将一张图片放到资源目录/static/image/lyf.jpg我们在vue文件中用下面的代码...
代码星球
·
2020-06-27
Vue
打包
项目
图片
静态
vue项目构建实战基础知识:SPA理解/RESTful接口介绍/static目录配置/axios封装/打包时map文件去除
一、SPA 不是指水疗。是singlepagewebapplication的缩写。中文翻译为单页应用程序或单页Web应用,更多解释请自行搜索。 所有的前端人员都应该明白我们的页面的url构成:http://www.fengcms.com/index.html?name=fungleo&old=32#mylo...
代码星球
·
2020-06-27
vue
项目
构建
实战
基础知识
vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
一、开发环境中跨域 使用Vue-cli创建的项目,开发地址是localhost:8080,需要访问非本机上的接口http://10.1.0.34:8000/queryRole。不同域名之间的访问,需要跨域才能正确请求。跨域的方法很多,通常都需要后台配置,不过Vue-cli创建的项目,可以直接利用Node.js代理服务...
代码星球
·
2020-06-27
生产
环境
vue-cli
项目开发
代理
首页
上一页
...
69
70
71
72
73
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他