重点问题梳理，遇到问题来看一下

Question

关于本课程的一些版本导致的问题，我做一下汇总，如果你学的过程中遇到了跟视频一致，但是本地就是不生效的问题，不妨来这儿看一下

Answer 1

提问者 河畔一角 2021-03-23 10:50:55

问题一：node-sass解析失败

很多人在安装完node-sass和sass-loader后，项目的scss文件解析报错，改成css就能解析成功。

报错提示：Syntax Error: TypeError: this.getOptions is not a function

答案一：

主要原因是：node-sass插件已经废弃，大家需要替换为sass

yarn add sass-loader
yarn add sass

问题二：Swiper引入报错

答案二：

版本导致，需要安装5.3.6才可以，如下：

npm install swiper@^5.3.6 vue-awesome-swiper@4.0.4
或者使用
yarn add swiper@^5.3.6 vue-awesome-swiper@4.0.4

组件中使用

import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'
import 'swiper/css/swiper.css' 
export default {  
    components: { Swiper, SwiperSlide  }
}

如果你不喜欢用swiper，大家可以选择更简单的，使用Element提供的carousel，用起来更简单。

https://element.eleme.cn/#/zh-CN/component/carousel

问题三：蓝湖权限在哪儿开

需要添加课程群以后，在群里共享的有蓝湖的权限账号可以使用，方便查看设计稿。

问题四：引入vue-axios插件以后，页面报错

vue-axios插件版本发生了变化，大家不需要安装此插件了，直接改成下面的写法

Vue.prototype.axios=axios

这是原型挂载的写法，在组件里面可以直接使用：this.axios进行发送请求。

问题五：注册接口报错、线上支付无法使用

1. 目前我们屏蔽了注册接口，大家可以直接使用任意账号进行登录，我们后台会自动注册。
   

2. 线上支付接口由于需要支付牌照，我的支付牌照已经过期，因此支付功能暂无法使用，大家只需要把前面的内容学完就算通关了。

问题六：接口代理报错

1. 保证vue.config.js在项目根目录，千万不要把它放在src里面
   

2. 在vue.config.js中，添加如下代理配置

3. proxy:{
       '/api':{
           target:'http://api-driver.marsview.cc/api/mall/',
           changeOrigin:true,
           pathRewrite:{
               '/api':''
           }
       }
   }

问题七：图片加载报错

vue脚手架升级到5.0以后，发现图片加载失败了？

答案七：

直接把图片放在public中，public相当于服务器根目录，在template中使用的时候，可以这样写：

<img alt="Vue logo" src="/imgs/banner-1.png">

注意：路径里面没有/public

当你在css中使用的时候，可以这样写：

.img{

    height: 300px;

    background: url('/public/banner-1.png') no-repeat;

}

注意：路径里面必须有/public