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地址,就能正常访问后台啦。

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

Logo

前往低代码交流专区

更多推荐