Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
6ed496a8
G
gitlab-foss
项目概览
李少辉-开发者
/
gitlab-foss
通知
15
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gitlab-foss
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
6ed496a8
编写于
2月 22, 2019
作者:
P
Phil Hughes
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Port design-management-vue-app to CE
上级
0152d6ff
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
36 addition
and
10 deletion
+36
-10
app/assets/javascripts/issuable_suggestions/index.js
app/assets/javascripts/issuable_suggestions/index.js
+2
-2
app/assets/javascripts/lib/graphql.js
app/assets/javascripts/lib/graphql.js
+8
-6
doc/development/fe_guide/graphql.md
doc/development/fe_guide/graphql.md
+26
-2
未找到文件。
app/assets/javascripts/issuable_suggestions/index.js
浏览文件 @
6ed496a8
import
Vue
from
'
vue
'
;
import
VueApollo
from
'
vue-apollo
'
;
import
d
efaultClient
from
'
~/lib/graphql
'
;
import
createD
efaultClient
from
'
~/lib/graphql
'
;
import
App
from
'
./components/app.vue
'
;
Vue
.
use
(
VueApollo
);
...
...
@@ -10,7 +10,7 @@ export default function() {
const
issueTitle
=
document
.
getElementById
(
'
issue_title
'
);
const
{
projectPath
}
=
el
.
dataset
;
const
apolloProvider
=
new
VueApollo
({
defaultClient
,
defaultClient
:
createDefaultClient
()
,
});
return
new
Vue
({
...
...
app/assets/javascripts/lib/graphql.js
浏览文件 @
6ed496a8
import
ApolloClient
from
'
apollo-boost
'
;
import
csrf
from
'
~/lib/utils/csrf
'
;
export
default
new
ApolloClient
({
uri
:
`
${
gon
.
relative_url_root
}
/api/graphql`
,
headers
:
{
[
csrf
.
headerKey
]:
csrf
.
token
,
},
});
export
default
(
clientState
=
{})
=>
new
ApolloClient
({
uri
:
`
${
gon
.
relative_url_root
}
/api/graphql`
,
headers
:
{
[
csrf
.
headerKey
]:
csrf
.
token
,
},
clientState
,
});
doc/development/fe_guide/graphql.md
浏览文件 @
6ed496a8
...
...
@@ -27,11 +27,11 @@ the Vue application is mounted.
```
javascript
import
Vue
from
'
vue
'
;
import
VueApollo
from
'
vue-apollo
'
;
import
d
efaultClient
from
'
~/lib/graphql
'
;
import
createD
efaultClient
from
'
~/lib/graphql
'
;
Vue
.
use
(
VueApollo
);
const
apolloProvider
=
new
VueApollo
({
defaultClient
,
defaultClient
:
createDefaultClient
()
,
});
new
Vue
({
...
...
@@ -43,6 +43,29 @@ new Vue({
Read more about
[
Vue Apollo
][
vue-apollo
]
in the
[
Vue Apollo documentation
][
vue-apollo-docs
]
.
### Local state with `apollo-link-state`
It is possible to use our Apollo setup with
[
apollo-link-state
][
apollo-link-state
]
by passing
in the client state object when creating the default client.
```
javascript
import
Vue
from
'
vue
'
;
import
VueApollo
from
'
vue-apollo
'
;
import
createDefaultClient
from
'
~/lib/graphql
'
;
Vue
.
use
(
VueApollo
);
const
apolloProvider
=
new
VueApollo
({
defaultClient
:
createDefaultClient
({
defaults
:
{
testing
:
true
,
},
resolvers
:
{
...
},
}),
});
```
### Testing
With
[
Vue test utils
][
vue-test-utils
]
it is easy to quickly test components that
...
...
@@ -81,3 +104,4 @@ Read more about the [Apollo] client in the [Apollo documentation][apollo-client-
[
default-client
]:
https://gitlab.com/gitlab-org/gitlab-ce/blob/master/app/assets/javascripts/lib/graphql.js
[
apollo-client-docs
]:
https://www.apollographql.com/docs/tutorial/client.html
[
vue-test-utils
]:
https://vue-test-utils.vuejs.org/
[
apollo-link-state
]:
https://www.apollographql.com/docs/link/links/state.html
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录