（1） 相关博文地址：SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇（一）：搭建基本环境：https://www.cnblogs.com/l-y-h/p/12930895.html SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇（二）：引入 element-ui 定义基本页面显示：https://www.cnblogs.com/l-y-h/p/12935300.html SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇（三）：引入 js-cookie、axios、mock 封装请求处理...
1.代码生成器： [正反双向](单表、主表、明细表、树形表，快速开发利器)freemaker模版技术 ,0个代码不用写,生成完整的一个模块,带页面、建表sql脚本、处理类、service等完整模块2.多数据源：（支持同时连接无数个数据库，可以不同的模块连接不同数的据库）支持N个数据源3.阿里数据库连接池druid,安全权限框架 shiro（菜单权限和按钮权限）, 缓存框架 ehcache4.代码编辑器，在线模版编辑，仿开发工具编辑器5.调用摄像头拍照 自定义裁...
问题：代码上传服务器后，图片404，使用的font-awesome图标也是404 解决办法：如果你用了vue-cil，那么在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: ‘../../‘ 解释：文件最终会打包压缩为js。当运行的时候，css中的相对路径指向已经发生变化指向了根目录，所以出现加载错误的问题。下面是这个插件的解释。extract-text-webpack-plugin作用：该插件的主要是为了抽离...
vue 写好代码后台，在本地正常运行。 打包到 服务器上，服务器访问报服务器路径错误打包上传服务过程省略原理：在本地有vue的运行环境node，运行起来就可以作为一个前端服务器使用。 但是打报后，就成为静态前端文件， 文件需要放到一台服务器上才可以运行访问。因为在vue中用到了代理，所以我们服务器选择也要适合代理的服务器nginxvue 配置代码 我们将打包后的代码dist放到nginx html 目录下，启动nginx 访问报错接口路径未找到...
在工作当中，我使用webpack打包的dist，由于管理的问题，无法被放在服务器根目录下 ，但在目前的vue配置，dist不放在根目录下，访问页面会成为一片空白，于是便要对vue框架的config进行配置修改。 首先对vue中config文件夹的index.js做配置，将build.assetsPublicPath由绝对路径改为相对路径 build: {// Template for index.htmlindex: path.resolve(__dirname, ‘../dist/index.html‘),// PathsassetsRoot: path.resolve(__dirn...
一、Jenkins配置：1、安装Publish Over SSH 和NodeJS(编译vue项目使用)插件： 如图所示，进入安装插件页面： 再安装nodejs插件： 点击安装即可。2、配置git用户凭证： 如上图所示，进入账号维护页面： 添加账号和密码，点击下边的保存：3、系统配置：配置Publish over SSH账号：拉倒最下边：配置完成记得保存。 4、全局工具配置： （1）git配置： （2）NodeJS配置： 配置完成记得保存。 二、创建部署项目：1、创建 item： ...
1.下载nginx http://nginx.org/en/download.html2.启动服务 原文：https://www.cnblogs.com/wangRong-smile/p/10996738.html
报错截图如下 1.解决过程： 一开始只在vscode终端看到了最先面的报错信息，如下图： 看不出个所以然 网络搜索一番后，有如下类似问题的解决方案npm cache clean --force手动删除node-module文件夹npm inpm run dev 结果还是不行，着急之际，滚动了一下鼠标 看到了完整的报错信息 发现是端口号不对 把3000选中改成了3001 还是同样的报错 正无奈 发现原来是端口号跟 --hot之间少了一个空格。。。。。。。 鬼...
1、安装vue-cli脚手架后，即可开始创建第一个vue项目，首先新建一个空文件夹，打开该文件夹，按住shift键的同时点击鼠标右键，出现如下图所示的菜单，选择“在此处打开命令窗口”打开命令行。2、在命令行里输入vue init webpack project1，即可创建一个新的vue项目，其中需要做一些选择，如下图所示。3、创建好project1项目后，打开该文件夹，里面有一个index.html文件，当布署到服务器之后，这个页面就是首页面。用写字本打开inde...
vue项目与nuxt.js实在有着太多的不同，例如项目结构变化很大，router.js没了，vuex store写法有变化，router钩子没了等等。老项目毕竟也有一些体量，这么折腾我可接受不了，不过经过一番调查，我发现这些问题不是不可以解决。因此虽然迁移是要迁移的，但是要尽量保持vue-cli 3项目的风味，以最小的改动完成迁移。为此我做了很多调查，本文的目的就在于此。1、重建项目 没啥可说的，直接掏出命令行开始吧，npx create-nuxt-app m...
背景vue项目如何请求后端api？vue-cli脚手架生成的webpack标准模板项目HTTP库使用axios一、开发环境跨域与API接口服务通信整体思路：开发环境API接口请求baseURL为本地http://localhost:8080为本地请求配置代理，代理目标服务器设置为接口服务所在地址或域名具体步骤如下：1、config/dev.env.js文件中配置baseURLmodule.exports = merge(prodEnv, {NODE_ENV: ‘"development"‘,BASE_API: ‘"http://localhost:8080"‘ //配置为本地...
最近项目中需要进行在线用户管理，故采用了websocket来实现消息推送至前端pom依赖<!-- WebSocket --> <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId><version>2.1.0.RELEASE</version> </dependency>后端@Service publicclass UserOnlineInfoServiceImpl implements UserOnlineInfoService {@Autowiredprivate UserDao userDao;@Autowiredprivate RoleDao roleD...
出现 Cannot GET/： 控制台中并没有报错；npm run dev命令行窗口也没有报错。 原因在网上查了一堆，发现这个问题还挺多呢，而且各个回答的解决方式都竟然有许多不同…于是把能改的地方都改了…（基本上相当于将配置信息改回来）关闭 history 模式关闭history模式，用/#/路由的方式开启，（history模式要跑在服务端里面）； 更改端口号更改端口号（没改的话打开原端口号自动加上登陆次数） config/index.js文件中修改assetsPublicPa...
Vue 2.0 开始支持服务端渲染的功能，所以本文章也是基于vue 2.0以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news。本人在公司做Vue项目的时候，一直苦于产品、客户对首屏加载要求，SEO的诉求，也想过很多解决方案，本次也是针对浏览器渲染不足之处，采用了服务端渲染，并且做了两个一样的Demo作为比较，更能直观的对比Vue前后端的渲染。话不多说，我们分别来看两个Demo:（欢迎st...
nuxt-cnode基于vue的nuxt框架仿的cnode社区服务端渲染，主要是为了seo优化以及首屏加载速度线上地址 http://nuxt-cnode.foreversnsd.cngithub地址 https://github.com/Kim09AI/nu...技术栈vuevue-routervuexnuxtaxiossimplemdeES6/7stylus目录结构 ├─npm-shrinkwrap.json ├─nuxt.config.js # nuxt配置文件 ├─package.json ├─README.md ├─utils | ├─axios.js # axios封装 | ├─in...