欢迎光临
我们一直在努力

idea创建vue项目,idea怎么创建springboot项目

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

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

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

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

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

48256066

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。