Nuxt.js项目在npm run dev
时直接使用node编译index.js
,我们之前写的项目之所以可以,是因为有用babel
去处理,但node
本身是不支持这种语法的
- 在package.json中的脚本
scripts
中测试环境和正式环境的命令后加入--exec babel-node
- 两种环境都需要加入
"scripts": {
"dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
"build": "nuxt build",
"start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",
"generate": "nuxt generate",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
解决Nuxt.js项目server入口文件不能使用import使用nuxtjs官方的脚手架时创建Nuxt.js项目时在server的入口中使用的是默认使用require引入依赖的const Koa = require('koa')const consola = require('consola')const { Nuxt, Builder } = require('nuxt')...
SPA(single page web application)单页 Web 应用,Web 不再是一张张页面,而是一个整体的应用,一个由路由系统、数据系统、页面(组件)系统等等,组成的应用程序。
我们之前学习的Vue就是SPA中的佼佼者。
SPA 应用广泛用于对SEO要求不高的场景中
1.2 什么是SEO
SEO:搜索引擎优化(Search Engine Optimization), 通过各种技术(手段)来确保,我们的Web内容
2:安装完成之后,先 yarn dev 一下,生成 .nuxt 文件夹,这一步很重要,里面的东西是项目运行的关键所在,项目跑起来之后就可以关掉了。
3:在编辑器中打开 nuxt.config.js 文件,配置中添加下面代码。这里注意,直接将export default 直接更换为 module.exports
module.exports = {
dev: process.env.NO
轻量转化时间插件:npm install @nuxtjs/dayjs --save
proxy代理,解决跨域:npm install @nuxtjs/proxy --save
SPA(single page web application)单页 Web 应用,Web 不再是一张张页面,而是一个整体的应用,一个由路由系统、数据系统、页面(组件)系统等等,组成的应用程序。
我们之前学习的Vue就是SPA中的佼佼者。
SPA 应用广泛用于对SEO要求不高的场景中
1.2 什么是SEO
SEO:搜索引擎优化(Search Engine Optimization), 通过各种技术(手段)来确保,我们的Web内容
current Server Discovery and Monitoring engine is deprecated, and will be removedin a future version
10007