滑动特效

nuxt.config.js

@@ -24,13 +24,16 @@ export default {
   /*
    ** Global CSS
    */
-  css: [],
+  css: [
+    { src: "swiper/dist/css/swiper.css" }
+  ],
 
   /*
    ** Plugins to load before mounting the App
    */
   plugins: [
     { src: '~plugins/axios', ssr: true },
+    { src: "~/plugins/vue-swiper.js", ssr: true },
   ],
 
   /*

package.json

@@ -18,7 +18,8 @@
     "bootstrap-vue": "^2.0.0-rc.11",
     "cross-env": "^5.2.0",
     "extract-text-webpack-plugin": "^4.0.0-beta.0",
-    "nuxt": "^2.4.0"
+    "nuxt": "^2.4.0",
+    "vue-awesome-swiper": "^3.1.3"
   },
   "config": {
     "nuxt": {

plugins/axios.js

@@ -3,7 +3,7 @@ export default function (app) {
   let options = {} 
  // 基本配置
   axios.defaults.timeout = 10000
-  axios.defaults.baseURL = `http://${process.env.HOST || 'localhost'}:${process.env.PORT || 3000}/api`
+  axios.defaults.baseURL = `http://${process.env.HOST || '192.168.1.124'}:${process.env.PORT || 3000}/api`
   //axios.defaults.baseURL = 'https://gcb.china0001.com.cn/pubdata'
   axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
   axios.interceptors.request.use(function (config) {