C:\Users\Administrator\Desktop\text\nuxt>cd basic C:\Users\Administrator\Desktop\text\nuxt\basic>npm run dev > basic@1.0.0 dev C:\Users\Administrator\Desktop\text\nuxt\basic > nuxt i Preparing project for development 10:04:25 i Initial build m…

npm install weixin-js-sdk --save 这个不行,这个是vue前端用的 网上找了一些vue jsweixin的案例 不能直接用 因为nuxt是后端运行,windows对象取不到,通过查找到了一个可用的案例 就是把js注入到前端 其中jssdkInfo和要分享的appid,noncestr等参数要去接口后端请求过来,核心代码复制如下: wxInit(){ const script = document.createElement('script'); // 返回一个独立的…

1.安装pm2 npm install pm2 -gd 2.启动 Pm2 start ./bin/www 3. pm2 save 4.Pm2 startup 5.Pm2 save修改 package.json "scripts": { "build": "nuxt build && npm start", } 在web当前目录 pm2 start npm --name "xxxx-nuxt" -- run bu…

已经购买centos服务器,并安装了nodejs环境 Secure CRT链接 Cd / Cd /var/www Mkdir test.abc.cn 用ftp 除了node_modules,其他都上传 然后  cnpm install 为了防止冲突,修改nuxt的端口,修改 /package.json "config": {     "nuxt": {       "host": "0.0.0.0",       "…

1.新建/pages/login.vue 2.安装cookie Cnpm install js-cookie --s 3.Login.vue增加 import Cookie from 'js-cookie';  4.Npm run dev刷新,cookie写入成功 5.为了统一鉴权,需要用到middleware,新建/middleware/userauth.js,如果需要了解middleware更多可以先从vue,express,route,middle开始了解 6.新建/assets/js/u…

这时候我们完成了list.vue,但是怎么返回index.vue,这时候需要这个头部返回 1.我们使用现成的minu-ui,eleme的开源移动端 ,参考 https://www.cnblogs.com/hai-cheng/p/8760887.html Cnpm intall mint-ui --save 2.修改nuxt.config.js plugins:[ { src:'~/plugins/swiper.js', ssr: false }, { src:'~/plugins/mint-ui…

面是单页,下面实现一个列表页和分页加载的例子 1.新建pages/list.vue <template> <div> 分页加载列表页面 </div> </template> <script> export default { } </script> 2.我们从footer的首页改成更多,然后从footer的更多跳转到list.vue,修改footer如下 <nuxt-link :to="'/list'" id…

接下来就是对接服务端接口,展示真实的数据 1.做了个虚拟接口地址:http://test.yms.cn/testjson.asp 输出数据: { "title": "单间出租", "price": "350.0元/月", "type": "1室1厅1卫", "square": "2", "keyWord": [{"wo…

1.接下来新建/component/maincontent.vue 把这些html代码copy到maincontent.vue 发现格式比较难看,就格式化一下 2.插件安装 beautify,安装后重启vs,按F1 搜beaut,格式化html 把css copy过来 刷新 样式有点问题.原来少了bootstrap.css,修改nuxt.confg.js增加bts Npm run dev 发现报错,原来bootstrap加载了字体 但项目里没有包含, 把字体copy过来放到目录 重新npm ru…

接下来是一个比较常用,也比较重要的组件 swiper,可以自行搜索 vue swiper,有很多开源组件,我这里就复用之前一个熟悉的, 1.新建component/banner.vue 刷新报错: 要适应vue的报错信息,并快速定位错误,这个就scss依赖没加载 执行命令: Cnpm install sass-loader node-sass --save Npm run dev 好像效果不对,翻下swiper日志 vue awesome swiper 在nuxt下的使用 1.安装swiper…