文章目录
- 前言
- nuxt项目结构介绍
- 网页导航文字显示（商标）
- package.json
- nuxt.config.js
- 路由
- 总结
创新互联建站自2013年创立以来，是专业互联网技术服务公司，拥有项目成都网站设计、网站制作网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元纳雍做网站,已为上家服务,为纳雍各地企业和个人服务,联系电话:028-86922220前言
首先了解下B2C模式，分前后台，后台一般为管理系统，不需要展示给过多的用户，而前台需要展示给更多的用户。
后台采用的是ajax异步请求，先加载页面后再返回数据，这样会降低百度等搜索引擎的匹配度。
而nuxt框架采用的则是服务器渲染技术，数据请求的处理都在服务端中处理，百度请求后关键字马上能匹配，可优先展示在百度等引擎的首页上。这也是一种引流的技术方式。
nuxt项目结构介绍
/page/index.vue与/layout/default.vue的区别
index引入default.vue的样式，加载先加载default.vue样式，以标签形式引入
assets文件夹下是静态资源，换图片或者logo就考虑在这换吧
网页导航文字显示（商标）
package.json
"name": "guli",
"version": "1.0.0",
"description": "谷粒学院前台网站",
"author": "Helen<55317332@qq.com>",
nuxt.config.js
head: {
title: '谷粒学院 - Java视频|HTML5视频|前端视频|Python视频|大数据视频-自学拿1万+月薪的IT在线视频课程，谷粉力挺，老学员为你推荐',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'keywords', name: 'keywords', content: '谷粒学院,IT在线视频教程,Java视频,HTML5视频,前端视频,Python视频,大数据视频' },
{ hid: 'description', name: 'description', content: '谷粒学院是国内领先的IT在线视频学习平台、职业教育平台。截止目前,谷粒学院线上、线下学习人次数以万计！会同上百个知名开发团队联合制定的Java、HTML5前端、大数据、Python等视频课程，被广大学习者及IT工程师誉为：业界最适合自学、代码量大、案例最多、实战性最强、技术最前沿的IT系列视频课程！' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
路由
固定路由
其中to代表需要跳转的地址，/course代表跳转pages文件夹下的index.vue文件
动态路由
每次生成路由地址不一样，比如课程详情页面，每个课程id都不一样
nuxt动态路由是以下划线开头的vue文件，参数名为下划线后面的文件名
总结
服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容，而不是在客户端通过AJAX获取数据。
你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧
网页名称：nuxt概念-创新互联
标题链接：
http://cdkjz.cn/article/cdcdid.html
