teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Vue.jsを使ったwebサイトの公開

編集履歴

質問編集履歴

5

コードの変更

2021/09/08 07:16

投稿

mtys
mtys

スコア2

test CHANGED
File without changes
test CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
 
20
20
 
21
- 【index.html】
21
+ ```index.html
22
22
 
23
23
  <body>
24
24
 
@@ -36,9 +36,11 @@
36
36
 
37
37
  </body>
38
38
 
39
-
39
+ ```
40
-
40
+
41
+
42
+
41
- 【App.vue】
43
+ ```App.vue
42
44
 
43
45
  <template>
44
46
 
@@ -82,15 +84,11 @@
82
84
 
83
85
  </script>
84
86
 
85
-
86
-
87
- <style>
87
+ ```
88
-
89
- </style>
88
+
90
-
91
-
92
-
89
+
90
+
93
- 【main.js】
91
+ ```main.js
94
92
 
95
93
  // The Vue build version to load with the `import` command
96
94
 
@@ -122,9 +120,11 @@
122
120
 
123
121
  })
124
122
 
125
-
123
+ ```
126
-
124
+
125
+
126
+
127
- 【router/index.js】
127
+ ```router/index.js
128
128
 
129
129
  import Vue from 'vue'
130
130
 
@@ -224,11 +224,11 @@
224
224
 
225
225
  })
226
226
 
227
-
227
+ ```
228
-
228
+
229
+
230
+
229
- 【config/prod.env.js】
231
+ ```config/prod.env.js
230
-
231
-
232
232
 
233
233
  'use strict'
234
234
 
@@ -237,3 +237,5 @@
237
237
  NODE_ENV: '"production"'
238
238
 
239
239
  }
240
+
241
+ ```

4

文章の変更

2021/09/08 07:16

投稿

mtys
mtys

スコア2

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
  その為、他のPCからもアクセスできるようにしたいのですが、
14
14
 
15
- どのように対処したらよろしいでしょうか。
15
+ どの辺りを修正したらよろしいでしょうか。
16
16
 
17
17
  御回答頂けますと幸いです????‍♂️
18
18
 

3

文章の追加

2021/09/08 06:38

投稿

mtys
mtys

スコア2

test CHANGED
File without changes
test CHANGED
@@ -223,3 +223,17 @@
223
223
  ]
224
224
 
225
225
  })
226
+
227
+
228
+
229
+ 【config/prod.env.js】
230
+
231
+
232
+
233
+ 'use strict'
234
+
235
+ module.exports = {
236
+
237
+ NODE_ENV: '"production"'
238
+
239
+ }

2

文章の修正

2021/09/07 13:45

投稿

mtys
mtys

スコア2

test CHANGED
File without changes
test CHANGED
@@ -1,15 +1,3 @@
1
- ![イメージ説明](df93575504ae336447e4f4e2349c6542.png
2
-
3
- ![イメージ説明](cbac8abe7361e744f4d40d2fa6605a25.png)
4
-
5
- ![イメージ説明](9e0e2ee292a990e94543871c7388568b.png)
6
-
7
- ![イメージ説明](44d655252e1efdca559dc27e175326f8.png)
8
-
9
- ![イメージ説明](29caa08f33ef0dcdd5175a99639272a0.png)
10
-
11
- ![イメージ説明](8d40bba725642564bbb334d157ba58d2.png)
12
-
13
1
  現在vue.jsを使ってwebサイトを作っております。
14
2
 
15
3
 
@@ -27,3 +15,211 @@
27
15
  どのように対処したらよろしいでしょうか。
28
16
 
29
17
  御回答頂けますと幸いです????‍♂️
18
+
19
+
20
+
21
+ 【index.html】
22
+
23
+ <body>
24
+
25
+ <header>
26
+
27
+ </header>
28
+
29
+ <div id="app"></div>
30
+
31
+ <footer>
32
+
33
+ <RouterLink to="/contact">contact</RouterLink>
34
+
35
+ </footer>
36
+
37
+ </body>
38
+
39
+
40
+
41
+ 【App.vue】
42
+
43
+ <template>
44
+
45
+ <div id="app">
46
+
47
+ <!-- <div id="header"> -->
48
+
49
+ <router-link to="/"></router-link>
50
+
51
+ <router-link to="/page1"></router-link>
52
+
53
+ <router-link to="/page2"></router-link>
54
+
55
+ <router-link to="/page3"></router-link>
56
+
57
+ <router-link to="/page4"></router-link>
58
+
59
+ <router-link to="/page5"></router-link>
60
+
61
+ <router-link to="/page6"></router-link>
62
+
63
+ <router-link to="/contact"></router-link>
64
+
65
+ <!-- </div> -->
66
+
67
+ <router-view></router-view>
68
+
69
+ </div>
70
+
71
+ </template>
72
+
73
+
74
+
75
+ <script>
76
+
77
+ export default {
78
+
79
+ name: "App",
80
+
81
+ };
82
+
83
+ </script>
84
+
85
+
86
+
87
+ <style>
88
+
89
+ </style>
90
+
91
+
92
+
93
+ 【main.js】
94
+
95
+ // The Vue build version to load with the `import` command
96
+
97
+ // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
98
+
99
+ import Vue from 'vue'
100
+
101
+ import App from './App'
102
+
103
+ import router from './router'
104
+
105
+
106
+
107
+ Vue.config.productionTip = false
108
+
109
+
110
+
111
+ /* eslint-disable no-new */
112
+
113
+ new Vue({
114
+
115
+ el: '#app',
116
+
117
+ router,
118
+
119
+ components: { App },
120
+
121
+ template: '<App/>'
122
+
123
+ })
124
+
125
+
126
+
127
+ 【router/index.js】
128
+
129
+ import Vue from 'vue'
130
+
131
+ import Router from 'vue-router'
132
+
133
+ import top from '@/components/top'
134
+
135
+ import page1 from '@/components/page1'
136
+
137
+ import page2 from '@/components/page2'
138
+
139
+ import page3 from '@/components/page3'
140
+
141
+ import page4 from '@/components/page4'
142
+
143
+ import page5 from '@/components/page5'
144
+
145
+ import page6 from '@/components/page6'
146
+
147
+ import contact from '@/components/contact'
148
+
149
+
150
+
151
+ Vue.use(Router)
152
+
153
+
154
+
155
+ export default new Router({
156
+
157
+ routes: [
158
+
159
+ {
160
+
161
+ path: '/',
162
+
163
+ component: top
164
+
165
+ },
166
+
167
+ {
168
+
169
+ path: '/page1',
170
+
171
+ component: page1
172
+
173
+ },
174
+
175
+ {
176
+
177
+ path: '/page2',
178
+
179
+ component: page2
180
+
181
+ },
182
+
183
+ {
184
+
185
+ path: '/page3',
186
+
187
+ component: page3
188
+
189
+ },
190
+
191
+ {
192
+
193
+ path: '/page4',
194
+
195
+ component: page4
196
+
197
+ },
198
+
199
+ {
200
+
201
+ path: '/page5',
202
+
203
+ component: page5
204
+
205
+ },
206
+
207
+ {
208
+
209
+ path: '/page6',
210
+
211
+ component: page6
212
+
213
+ },
214
+
215
+ {
216
+
217
+ path: '/contact',
218
+
219
+ component: contact
220
+
221
+ }
222
+
223
+ ]
224
+
225
+ })

1

文章の修正

2021/09/07 13:35

投稿

mtys
mtys

スコア2

test CHANGED
@@ -1 +1 @@
1
- vue.jsを使ったwebサイトの公開
1
+ Vue.jsを使ったwebサイトの公開
test CHANGED
File without changes