配置less
写全局样式
www.qiutianaimeili.com/html/page/2…
设置每个页面都共用的组件
路由监听
重定向问题
配置字体
配置http请求axios代理，不是nuxt/axios代理！
npm install @nuxtjs/proxy
npm install axios
nuxt.config.js
...
...
modules: [
...
'@nuxtjs/proxy'
...
],
axios: {
proxy: true
},
proxy: {
'/api': {
target: 'http://192.168.19.21:8080', // 目标接口域名
pathRewrite: {
'^/api': '/api', // 把 /api 替换成 /api
changeOrigin: true // 表示是否跨域
}
}
},
...
...
nginx部署问题
使用nuxt generate打包后部署（静态部署，将路由变成一个个html文件）
nuxt generate
该命令依据应用的路由配置将每一个路由静态化成为对应的 HTML 文件
项目文件夹结构
-| pages/
----| about.vue
----| index.vue
执行nuxt generate命令后
-| dist/
----| about/
------| index.html
----| index.html
nginx配置的时候想要根据 域名/路径 来映射项目
nuxt.config.js
{
...
router: {
base: '/views/'
},
...
}
nginx配置
server {
listen 80; # 端口
listen 443 ssl;
default_type text/html;
server_name testh5.hunanhongjianwangluo.cn; # 域名
ssl_certificate sslkey/hunanhongjianwangluo.cn.crt;
ssl_certificate_key sslkey/hunanhongjianwangluo.cn.key;
access_log logs/testh5.hunanhongjianwangluo.cn.http.log www; # 日志
error_log logs/testh5.hunanhongjianwangluo.cn.error.http.log; # 日志
location /views {
alias /a8root/work/service/h5.hunanhongjianwangluo.cn/dist/;
index index.html index.htm;
}
}
这里的“views”要对应才可以！
使用element-ui的时间选择器组件有问题
yarn remove element-ui
yarn add element-ui@2.15.7
html文件引入js文件 且为defer
nuxt.config.js
head:{
...
script: [
{
src: '//webcdn.inke.cn/edith.cn/edith.min.js',
defer: true
}
],
...
}
