idea创建springboot+vue项目搭建之旅(二)

idea创建springboot+vue项目搭建之旅(二)

(记录vue的项目搭建,自己记录用,搬运工)
对于项目基础的搭建,由于时间问题,采用了 vue-admin-template
的模板,链接里有详细的关于模板的使用和一些入门时VUE的配置构造。当然,用模板省了很多事。
这里使用的 vue-admin-template 模板
项目初,我们还未配置shiro、redis等,所以模板下载后可以直接运行,但后期加上后要修改的配置,我也会用我的理解方式记录在文章中,感谢模板的分享者。
还有一些对于项目配置的理解来自于下面这个老哥的文章还有伙伴的帮助,感谢!
vue完整项目配置

首先,项目下载下来就是一个可以正常启动的项目,基本解决了自己从头开发会踩的各种坑。那么说的在install之后会遇到的第一个坑,有的人会有有的没有,就是npm在安装的时候的node-sass安装失败,这个问题的解决方法有很多,百度一下,因为我发现每个人解决掉这个问题的方式都不太一样就自行查询解决吧
这里也提供一个解决方案,在npm run install结束之后,输入命令:

  • npm install -g mirror-config-china --registry=http://registry.npm.taobao.org
    然后输入
  • npm install sass-loader node-sass -D
    执行结束后再次启动项目,就成功了!

然后我们可以看到一个完整的项目,我们对项目的改造也从这里开始。

  • 首先,我们需要配置链接后台的地址
    我们先找到目录下面的.env.development文件,下面的product则是代表着不同的环境下调用的地址,方便打包的时候使用,打开后可以看到里面的VUE_APP_BASE_API,将其修改为我们的后台地址就行啦
    在这里插入图片描述
    修改完成后,我们每个访问后台的链接都会加上这个基础的api地址,就能正常访问后台啦。

(又有需求来了…待续…)

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值