当前位置: 首页 > 后端技术 > Java

VueCli+SpringBoot(项目搭建、依赖引入、配置信息)(前端)

时间:2023-04-01 19:29:51 Java

一、VueCli搭建1、需要安装node.js、VueCli2、window+Rcmd3、Vueui(可视化工具)1、创建VueCli2。选择创建的路径3.配置信息4.选择你需要的默认配置,创建项目2.引入axios,elementui1,main.jsimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importElementUIfrom'element-ui'//引入元素uiimport'element-ui/lib/theme-chalk/index.css';//引入elementui样式importaxiosfrom'axios'//引入axiosimport*asechartsfrom'echarts'//引入echartsVue.prototype.$echarts=echarts//设置全局Vue.prototype.$axios=axios//使用elementuiVue.use(ElementUI)//防止显示生产模式消息Vue.config.productionTip=false//axios切换生产环境和开发环境接口地址this.$axios.get("/selectAll")axios.defaults.baseURL='http://0.0.0.0:1313';newVue({router,render:h=>h(App)}).$mount('#app')2、package.jsonserve:启动方法npmrunservebuild:打包方法npmrunbuild3,vue.config.js即可自己创建(与package.json同级)module.exports={//关闭eslint验证lintOnSave:false,devServer:{//设置端口号port:1314,//解决Vue项目无效主机头问题disableHostCheck:true报错disableHostCheck:true,}}

猜你喜欢