公司项目打算做前后端分离,选型最后选了vue+webapi的模式.于是在网上找到了iview及iview admin 这个后台管理模板,里面东西很完善.有这么好的东西,而且MIT协议,项目本身也比较简单,当然拿来借用了.地址如下: iView Admin GitHub:https://github.com/iview/iview-admin; 因为之前看过vue可以发布到iis或者tomcat上,所以也没提前进行过尝试.今天打算把已经初具雏形的项目,发布出来,大家看看,缺遇到的坑.. 其坑有3:…

iview-cli 项目.iView admin 跨域.代理问题解决方案 在webpack.dev.config.js文件中: 添加: devServer: { historyApiFallback: true, hot: true, inline: true, stats: { colors: true }, proxy: { //匹配代理的url '/ssm': { // 目标服务器地址 target: 'http://59.172.63.26:9080', //路径重写 pathRewri…

双击Setup 安装:…

现在做的项目中主要用到以下几个安装包,所以整理下流程: 使用命令行工具npm新创建一个vue项目 vue中axios的安装和使用 在vue项目中stylus的安装及使用 如何在vue中全局引入stylus文件的公共变量 在vue里面使用iVew框架…

关于生产打包路径不对,字体图标引用错误的问题.以下是解决方案供参考:1.webpack.base.config.js 17行修改为: path: path.resolve(__dirname, '../dist')目的:消除冗余dist目录 2.webpack.prod.config.js 21行改为publicPath: './', // 修改 https://iv...admin 这部分为你的服务器域名目的:将静态资源目录改为当前目录 80行改为filename: './index.html…

https://github.com/iview/iview-admin/tree/template…

在main.js中的mounted中使用router.addRouters()方法后界面上的路由并未刷新. 在注释掉路由跳转的权限限制之后,发现直接在地址栏输入对应路由能够进去,只是侧边栏没有刷新. 再仔细看store/module下的app.js文件.发现侧边栏绑定的是router文件夹下的router.js中的对象... 所以在app.js中新建menuRouters属性,并将router.js中的值为其进行初始化. 这样当添加路由的同时在menuRouters也添加一遍.侧边栏就会响应st…

在build 目录的 webpack.dev.config.js 目录中 module.exports = merge(webpackBaseConfig, { devtool: '#source-map', output: { publicPath: '/dist/', filename: '[name].js', chunkFilename: '[name].chunk.js' }, plugins: [ new ExtractTextPlugin({ filename: '[name].c…

参考 https://blog.csdn.net/weixin_41538490/article/details/93749942…

双击Setup安装:…