HelloGithub/hellogithub-vue
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加其他数据/完善其他功能

Browse Source
This commit is contained in:
landaiqing
2023-07-06 21:51:28 +08:00
parent 5d0c1856a4
commit 18c6e28ba7
11 changed files with 90533 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/Home/Home.vue
View File

@@ -9,7 +9,7 @@
<span><i class="el-icon-menu"></i> 热门标签</span> <span><i class="el-icon-menu"></i> 热门标签</span>
</div> </div>
<div class="bottom clearfix"> <div class="bottom clearfix">
<el-scrollbar style="height:50vh"> <el-scrollbar style="height:60vh">
<el-tabs v-model="currentTabName" tab-position="left" @tab-click="typeChange" lazy> <el-tabs v-model="currentTabName" tab-position="left" @tab-click="typeChange" lazy>
<el-tab-pane v-for="(tag,index) in tags" :key="index" :index="tag.categoryId" :name="tag.categoryName" > <el-tab-pane v-for="(tag,index) in tags" :key="index" :index="tag.categoryId" :name="tag.categoryName" >
<span slot="label" style="border-radius: 10px;align-items: center;display: flex;flex-direction: row;justify-content: flex-start" v-html="tag.category"></span> <span slot="label" style="border-radius: 10px;align-items: center;display: flex;flex-direction: row;justify-content: flex-start" v-html="tag.category"></span>
@@ -76,28 +76,40 @@
<el-card class="box-card" style="margin-top: 20px;width: 15vw"> <el-card class="box-card" style="margin-top: 20px;width: 15vw">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<el-statistic group-separator="," :precision="0" decimal-separator="." :value="userTotal" title="用户总数"> <div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between">
<template slot="prefix"> <div style="display: flex;flex-direction: column;flex-wrap: nowrap">
<i class="el-icon-s-flag" style="color: red"></i> <span style="font-size: 16px;color: #9ca3af;font-weight: bold">用户总数</span>
</template> <span style="font-size: 30px">{{userTotal}}</span>
<template slot="suffix"> </div>
<i class="el-icon-s-flag" style="color: blue"></i> <div style="display: flex;flex-direction: column;flex-wrap: nowrap">
</template> <span style="font-size: 16px;color: #9ca3af;font-weight: bold">开源项目</span>
</el-statistic> <span style="font-size: 30px">{{projectTotal}}</span>
</div>
</div>
<!-- <el-statistic group-separator="," :precision="0" decimal-separator="." :value="userTotal" title="用户总数">-->
<!-- <template slot="prefix">-->
<!-- <i class="el-icon-s-flag" style="color: red"></i>-->
<!-- </template>-->
<!-- <template slot="suffix">-->
<!-- <i class="el-icon-s-flag" style="color: blue"></i>-->
<!-- </template>-->
<!-- </el-statistic>-->
<el-statistic group-separator="," :precision="0" decimal-separator="." :value="projectTotal" title="项目总数"> <!-- <el-statistic group-separator="," :precision="0" decimal-separator="." :value="projectTotal" title="项目总数">-->
<template slot="prefix"> <!-- <template slot="prefix">-->
<i class="el-icon-s-flag" style="color: red"></i> <!-- <i class="el-icon-s-flag" style="color: red"></i>-->
</template> <!-- </template>-->
<template slot="suffix"> <!-- <template slot="suffix">-->
<i class="el-icon-s-flag" style="color: blue"></i> <!-- <i class="el-icon-s-flag" style="color: blue"></i>-->
</template> <!-- </template>-->
</el-statistic> <!-- </el-statistic>-->
</div> </div>
<div class="text item"> <div class="text item">
<div style="font-size: 18px;color: #9ca3af;font-weight: bold"> 关于本站 </div> <div style=";font-size: 16px;color: #9ca3af;display: flex;flex-direction: row;justify-content: flex-start"> 关于本站 </div>
<span> <span style="margin-top: 10px;font-size: 15px;display: flex;flex-direction: row;justify-content: flex-start;text-align: left; line-height: 1.8;">
HelloGitHub 是一个发现和分享有趣、入门级开源项目的平台。 希望大家能够在这里找到编程的快乐、 轻松搞定问题的技术方案、 大呼过瘾的开源神器， 顺其自然地开启开源之旅。 HelloGitHub 是一个发现和分享有趣、入门级开源项目的平台。
希望大家能够在这里找到编程的快乐、 轻松搞定问题的技术方案、 大呼过瘾的开源神器，
顺其自然地开启开源之旅。
</span> </span>
</div> </div>
</el-card> </el-card>

13
src/components/Home/SearchInput.vue
View File

@@ -39,7 +39,7 @@
</div> </div>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<div style="display: flex;flex-direction: row;justify-content: space-between"> <div style="display: flex;flex-direction: row;justify-content: space-between">
<span class="title">搜索结果</span> <span class="title">搜索结果: {{JSON.parse(JSON.stringify(searchResults)).length}} 条</span>
<span class="clear" @click="clearSearchResults"><i class="el-icon-circle-close"></i>清空</span> <span class="clear" @click="clearSearchResults"><i class="el-icon-circle-close"></i>清空</span>
</div> </div>
<div> <div>
@@ -203,6 +203,10 @@ export default {
type:"success", type:"success",
offset: 50 offset: 50
}); });
setTimeout(() => {
that.visible = true;
that.gethistorySearch();
}, 200);
} }
}); });
}else{ }else{
@@ -230,12 +234,7 @@ export default {
this.gethistorySearch(); this.gethistorySearch();
}, },
created() {
setTimeout(() => {
this.visible = true;
this.gethistorySearch();
}, 200);
},
}; };
</script> </script>

163
src/components/Project/ProjectDetail.vue
View File

@@ -12,14 +12,14 @@
</div> </div>
<div class="PageContent"> <div class="PageContent">
<el-card class="box-card" style="border: none"> <el-card class="box-card" style="border: none">
<div style="display: flex;flex-direction: row;align-items: center;justify-content: space-between"> <div style="display: flex;flex-direction: row;justify-content: space-between">
<div style="display: flex;flex-direction: row;align-items: center;"> <div style="display: flex;flex-direction: row;">
<el-avatar shape="square" :size="70" :src="projectIco"></el-avatar> <el-avatar shape="square" :size="70" :src="projectIco"></el-avatar>
<div style="display: flex;flex-direction: column;justify-content: space-between;margin-left: 10px"> <div style="display: flex;flex-direction: column;justify-content: space-between;margin-left: 10px">
<span v-if="projectName" style="font-size: 30px;color: black;font-weight: bold;display: flex;justify-content: flex-start"> <span v-if="projectName" style="font-size: 30px;color: black;font-weight: bold;display: flex;justify-content: flex-start">
{{ projectName }} {{ projectName }}
</span> </span>
<span style="font-size: 20px;color: rgb(107 114 128);"> <span style="display: flex;flex-direction:row;justify-content: flex-start;font-size: 20px;color: rgb(107 114 128);">
{{projectTitle}} {{projectTitle}}
</span> </span>
</div> </div>
@@ -30,9 +30,10 @@
<span style="font-size: 14px;color: #6b7280;display: flex;justify-content: flex-start"> <span style="font-size: 14px;color: #6b7280;display: flex;justify-content: flex-start">
HelloGitHub 评分 HelloGitHub 评分
</span> </span>
<el-rate v-model="starValue" style="display: flex;justify-content: flex-start" disabled show-score></el-rate> <el-rate v-model="totalStar" style="display: flex;justify-content: flex-start" disabled show-score text-color="#ff9900"
score-template="{value}"></el-rate>
<span style="font-size: 12px;color: #59A3A4;display: flex;justify-content: flex-start"> <span style="font-size: 12px;color: #59A3A4;display: flex;justify-content: flex-start">
0 人评分 {{ commentNum }} 个评分
</span> </span>
</div> </div>
</div> </div>
@@ -40,7 +41,7 @@
</div> </div>
<div style="display: flex;flex-direction: row;margin-top: 10px;justify-content: space-between"> <div style="display: flex;flex-direction: row;margin-top: 10px;justify-content: space-between">
<div style="width: 250px;height: 60px;background-color: #59A3A4"> <div style="width: 250px;height: 60px;background-color: #59A3A4">
<img :src="'https://starchart.cc/'+projectName+'.svg'" style="width: 250px;height: 60px;">
</div> </div>
<div style="display: flex;flex-direction: row;align-items: center;"> <div style="display: flex;flex-direction: row;align-items: center;">
<el-dropdown> <el-dropdown>
@@ -48,8 +49,9 @@
访问<i class="el-icon-arrow-down el-icon--right"></i> 访问<i class="el-icon-arrow-down el-icon--right"></i>
</el-button> </el-button>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item><el-link :href="projectUrl">源码</el-link></el-dropdown-item> <el-dropdown-item><el-link :underline="false" @click="goTo(projectUrl)">源码</el-link></el-dropdown-item>
<el-dropdown-item>下载</el-dropdown-item> <el-dropdown-item> <el-link :underline="false" @click="goTo('https://github.com/'+projectName+'/releases')">官方下载</el-link></el-dropdown-item>
<el-dropdown-item> <el-link :underline="false">快速下载</el-link></el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<el-button v-show="isRouterAlive" v-if="Like===0" @click="addStar" style="height: 60px;width: 150px;margin-left: 10px" icon="el-icon-star-off" type="success">点 赞 {{startNum}}</el-button> <el-button v-show="isRouterAlive" v-if="Like===0" @click="addStar" style="height: 60px;width: 150px;margin-left: 10px" icon="el-icon-star-off" type="success">点 赞 {{startNum}}</el-button>
@@ -60,11 +62,11 @@
<div style="display: flex;flex-direction: row;flex-wrap: nowrap;margin-top: 10px;justify-content: space-between"> <div style="display: flex;flex-direction: row;flex-wrap: nowrap;margin-top: 10px;justify-content: space-between">
<div style="display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center" > <div style="display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center" >
<span>开源</span><div style="width: 8px;height: 8px;background-color: #9ca3af;border-radius: 50px;margin-left: 5px"></div> <span>开源</span><div style="width: 8px;height: 8px;background-color: #9ca3af;border-radius: 50px;margin-left: 5px"></div>
<span style="margin-left: 5px">Apache-2.0</span> <span style="margin-left: 5px;color: #00b2ff">{{github.license}}</span>
</div> </div>
<div style="display: flex;flex-direction: row;flex-wrap: nowrap;"> <div style="display: flex;flex-direction: row;flex-wrap: nowrap;">
<el-link icon="el-icon-chat-dot-square">评论</el-link> <el-link :underline="false" @click="toComment('#comment')" icon="el-icon-chat-dot-square">评论</el-link>
<el-link icon="el-icon-share" style="margin-left: 5px">分享 </el-link> <el-link :underline="false" @click="copyText" icon="el-icon-share" style="margin-left: 5px">分享 </el-link>
</div> </div>
</div> </div>
@@ -75,17 +77,18 @@
<table> <table>
<tr> <tr>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">星数</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">星数</th>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">中文</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">名称</th>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">主语言</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">主语言</th>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">活跃</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">活跃</th>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">贡献者</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">订阅者</th>
</tr> </tr>
<tr> <tr>
<td style="font-size: 20px;color: black;font-weight: bold">512</td> <td style="font-size: 20px;color: black;font-weight: bold">{{formatNumber(github.starNum)}}</td>
<td style="font-size: 20px;color: black;font-weight: bold">是</td> <td style="font-size: 20px;color: black;font-weight: bold;">{{briefName}}</td>
<td style="font-size: 20px;color: black;font-weight: bold">C++</td> <td style="font-size: 20px;color: black;font-weight: bold">{{brief}}</td>
<td style="font-size: 20px;color: black;font-weight: bold">是</td> <td v-if="github.allow_forking" style="font-size: 20px;color: black;font-weight: bold">是</td>
<td style="font-size: 20px;color: black;font-weight: bold">28</td> <td v-if="!github.allow_forking" style="font-size: 20px;color: black;font-weight: bold">否</td>
<td style="font-size: 20px;color: black;font-weight: bold">{{formatNumber(github.subscribers_count)}}</td>
</tr> </tr>
</table> </table>
</template> </template>
@@ -94,16 +97,16 @@
<tr> <tr>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">Issues</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">Issues</th>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">组织</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">组织</th>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">最新版本</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">默认分支</th>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">Forks</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">Forks</th>
<th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">协议</th> <th style="width: 10vw;color: #9ca3af;font-size: 15px;font-weight: bold">协议</th>
</tr> </tr>
<tr> <tr>
<td style="font-size: 20px;color: black;font-weight: bold">4</td> <td style="font-size: 20px;color: black;font-weight: bold">{{github.open_issues_count}}</td>
<td style="font-size: 20px;color: black;font-weight: bold">是</td> <td v-if="github.organization==='Organization'" style="font-size: 20px;color: black;font-weight: bold">是</td>
<td style="font-size: 20px;color: black;font-weight: bold">1.6.7</td> <td style="font-size: 20px;color: black;font-weight: bold">{{github.default_branch}}</td>
<td style="font-size: 20px;color: black;font-weight: bold">92</td> <td style="font-size: 20px;color: black;font-weight: bold">{{formatNumber(github.forks_count)}}</td>
<td style="font-size: 20px;color: black;font-weight: bold">Apache-2.0</td> <td style="font-size: 20px;color: black;font-weight: bold">{{github.license}}</td>
</tr> </tr>
</table> </table>
</div> </div>
@@ -136,7 +139,7 @@
<el-card class="box-card" style="margin-top: 10px;border: none"> <el-card class="box-card" style="margin-top: 10px;border: none">
<div slot="header" class="clearfix" style="display: flex;justify-content: flex-start"> <div slot="header" class="clearfix" style="display: flex;justify-content: flex-start">
<span style="font-size: 24px;font-weight: bold">评论</span> <span id="comment" style="font-size: 24px;font-weight: bold">评论</span>
</div> </div>
<div class="text item"> <div class="text item">
<div style="display: flex;flex-direction: row;flex-wrap: nowrap"> <div style="display: flex;flex-direction: row;flex-wrap: nowrap">
@@ -297,7 +300,7 @@ export default {
data(){ data(){
return{ return{
starValue:null, starValue:null,
activeNames: ['1'], activeNames: [],
activeName:'first', activeName:'first',
activeCommentName:'last', activeCommentName:'last',
loginDialogVisible:false, loginDialogVisible:false,
@@ -315,6 +318,7 @@ export default {
projectTitle:null, projectTitle:null,
projectUrl:null, projectUrl:null,
startNum:null, startNum:null,
num:null,
projectDescription:null, projectDescription:null,
projectIco:null, projectIco:null,
periodicals:null, periodicals:null,
@@ -342,13 +346,29 @@ export default {
checked:false, checked:false,
tabCheckedLast:true, tabCheckedLast:true,
tabCheckedHot:false, tabCheckedHot:false,
averageStarNum:0,
github:{
starNum:null,
language:'',
watchers_count:null,
subscribers_count:null,
allow_forking:null,
open_issues_count:null,
forks_count:null,
organization:null,
license:null,
name:'',
default_branch:null,
},
totalStar:3.7,
Content:'',
} }
}, },
mounted() { mounted() {
this.getProjectDetail(); this.getProjectDetail();
this.getLastComment(); this.getLastComment();
this.isStart(); this.isStart();
}, },
watch: { watch: {
$route () { $route () {
@@ -358,6 +378,16 @@ export default {
} }
}, },
methods:{ methods:{
toComment(id){
document.querySelector(id).scrollIntoView(true)
var auchor=this.$el.querySelector(id)
document.body.scrollTop=auchor.offsetTop
},
goTo(url){
window.open(url);
},
goBack() { goBack() {
window.history.go(-1); window.history.go(-1);
}, },
@@ -372,7 +402,6 @@ export default {
id:this.$route.query.id id:this.$route.query.id
} }
}).then(function (res) { }).then(function (res) {
// console.log(res);
that.CategoryName=res.data.CategoryName; that.CategoryName=res.data.CategoryName;
that.projectName=res.data.project.projectName; that.projectName=res.data.project.projectName;
that.projectTitle=res.data.project.projectTitle; that.projectTitle=res.data.project.projectTitle;
@@ -383,7 +412,8 @@ export default {
that.periodicals=res.data.project.periodicals; that.periodicals=res.data.project.periodicals;
that.userId=res.data.project.userId; that.userId=res.data.project.userId;
that.projectId=res.data.project.projectId; that.projectId=res.data.project.projectId;
that.num=res.data.project.num;
that.getDetailByGitHub();
}); });
}, },
reload() { reload() {
@@ -405,6 +435,7 @@ export default {
trait:tab.name trait:tab.name
} }
}).then(function (res) { }).then(function (res) {
console.log(res);
that.commentContent=res.data; that.commentContent=res.data;
that.commentNum=Object.keys(that.commentContent).length; that.commentNum=Object.keys(that.commentContent).length;
if(tab.name==='last'){ if(tab.name==='last'){
@@ -457,10 +488,12 @@ export default {
}); });
} }
}else{ }else{
Vue.prototype.$notify.error({
title: '错误',
message: "请先登录！",
offset: 50
});
} }
@@ -597,9 +630,73 @@ export default {
}) })
} }
}) })
} },
getDetailByGitHub(){
var that=this;
axios({
method: 'get',
// 请求的地址
url: '/api/'+this.projectName,
// URL 中的查询参数
params: {
}
}).then((res)=>{
// console.log(res)
that.github.starNum=res.data.stargazers_count;
that.github.language=res.data.language;
that.github.watchers_count=res.data.watchers_count;
that.github.subscribers_count=res.data.subscribers_count;
that.github.allow_forking=res.data.allow_forking;
that.github.open_issues_count=res.data.open_issues_count;
that.github.forks_count=res.data.forks_count;
that.github.organization=res.data.organization.type;
that.github.license=res.data.license.spdx_id;
that.github.name=res.data.name;
that.github.default_branch=res.data.default_branch;
});
},
copyText(){
this.Content=this.projectName+' : ' +this.projectTitle+', 更多详情尽在 : '+this.projectUrl;
var input = document.createElement("input"); // js创建一个input输入框
input.value = this.Content; // 将需要复制的文本赋值到创建的input输入框中
document.body.appendChild(input); // 将输入框暂时创建到实例里面
input.select(); // 选中输入框中的内容
document.execCommand("Copy"); // 执行复制操作
document.body.removeChild(input); // 最后删除实例中临时创建的input输入框，完成复制操作
Vue.prototype.$notify({
title: '成功',
message: ('i', {style: 'color: teal'}, "项目信息已复制，快去分享吧~"),
type: 'success',
offset: 50
});
},
},
computed: {
// 对时间进行格式化
formatTime: function() {
if (this.projectLists) {
const dt = new Date(this.projectLists.submitTime)
const year=dt.getFullYear()
const month = dt.getMonth()
const date = dt.getDate()
return `${year}-${month}-${date}`
}
return '';
},
// 截取文章内容的前 35 个字，并加上省略号
brief: function() {
return this.github.language.substr(0, 7)+'...';
},
briefName: function() {
return this.github.name.substr(0, 7)+'...';
},
} }

6
src/components/Project/RandomProjects.vue
View File

@@ -9,7 +9,7 @@
<el-avatar :size="40" :src="item.projectIco"></el-avatar> <el-avatar :size="40" :src="item.projectIco"></el-avatar>
</div> </div>
<div style="display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: left"> <div style="display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: left">
<span style="margin-left: 10px;font-size: 14px;font-weight: bold;display: flex;flex-direction: row;justify-content: flex-start">{{item.projectName}}</span> <span style="margin-left: 10px;font-size: 14px;font-weight: bold;display: flex;flex-direction: row;justify-content: flex-start">{{brief(item.projectName)}}</span>
<div style=";margin-left:10px;margin-top: 5px;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: nowrap"> <div style=";margin-left:10px;margin-top: 5px;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: nowrap">
<div style="align-items: center;font-size: 12px;color: #9ca3af"> <div style="align-items: center;font-size: 12px;color: #9ca3af">
<i class="el-icon-star-off"></i> <span>{{formatNumber(item.lookCount)}}</span> <i class="el-icon-star-off"></i> <span>{{formatNumber(item.lookCount)}}</span>
@@ -37,6 +37,7 @@ export default {
mounted() { mounted() {
this.getRandomProject(); this.getRandomProject();
}, },
methods:{ methods:{
getRandomProject(){ getRandomProject(){
var that=this; var that=this;
@@ -63,6 +64,9 @@ export default {
}}) }})
// console.log(this.$route.query.id) // console.log(this.$route.query.id)
}, },
brief(content) {
return content.substr(0, 16) + '...';
},
} }
} }
</script> </script>

17701
src/data/json/gh-issue-event.json Normal file
View File

File diff suppressed because it is too large Load Diff

22001
src/data/json/gh-pull-request.json Normal file
View File

File diff suppressed because it is too large Load Diff

29646
src/data/json/gh-push-event.json Normal file
View File

File diff suppressed because it is too large Load Diff

20961
src/data/json/gh-star-event.json Normal file
View File

File diff suppressed because it is too large Load Diff

46
src/data/json/github-licenses.json Normal file
View File

@@ -0,0 +1,46 @@
[{
"license": "mit",
"count": "1551711"
}, {
"license": "apache-2.0",
"count": "455316"
}, {
"license": "gpl-2.0",
"count": "376453"
}, {
"license": "gpl-3.0",
"count": "284761"
}, {
"license": "bsd-3-clause",
"count": "161041"
}, {
"license": "bsd-2-clause",
"count": "57412"
}, {
"license": "unlicense",
"count": "43899"
}, {
"license": "lgpl-3.0",
"count": "38213"
}, {
"license": "agpl-3.0",
"count": "38034"
}, {
"license": "cc0-1.0",
"count": "28600"
}, {
"license": "epl-1.0",
"count": "24074"
}, {
"license": "lgpl-2.1",
"count": "23872"
}, {
"license": "isc",
"count": "17690"
}, {
"license": "mpl-2.0",
"count": "17421"
}, {
"license": "artistic-2.0",
"count": "9413"
}]

4
src/views/index.vue
View File

@@ -5,9 +5,9 @@
</el-header> </el-header>
<el-container> <el-container>
<el-main> <el-main>
<!-- <keep-alive>--> <keep-alive>
<router-view></router-view> <router-view></router-view>
<!-- </keep-alive>--> </keep-alive>
</el-main> </el-main>
</el-container> </el-container>
</el-container> </el-container>

6
vue.config.js
View File

@@ -8,12 +8,12 @@ module.exports = {
// 关闭语法检查 // 关闭语法检查
lintOnSave:false, lintOnSave:false,
devServer: { devServer: {
host: 'localhost', // 本地域名/ip地址 // host: 'localhost', // 本地域名/ip地址
port: '8080', // 端口号 // port: '8080', // 端口号
proxy: { proxy: {
'/api': { '/api': {
//后端接口的baseurl //后端接口的baseurl
target: 'http://localhost/helloGithub_war_exploded/', target: 'https://api.github.com/repos',
//是否允许跨域 //是否允许跨域
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {