发表于: 2019-02-18 23:10:41

1 226


今天完成

1了解Vue

明天计划

1 继续了解vue

遇到的问题:

报错:vue中解决跨域问题
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:8080' is therefore not allowed access.

vue中解决跨域问题

若请求方和响应方不同源,则会造成跨域的问题,(同源:协议、域名、端口号一致,具体可以自行了解)
就比如我现在做登录窗口:
 
报错提示跨域请求不成功,如何解决跨域呢,这里提供代理的方式仅供大家参考:
在config的index.js配置文件的dev中,添加proxyTable,使用api替代服务器地址,关于ProxyTable的一些详情和遇到的问题,可以查看我上一篇博文,这里不再赘述
 然后在调用接口的时候直接使用/api,后面接上接口的其他路径信息,就可以
OK,现在就可以使用这种代理的方式解决跨域的问题了,希望本文能够帮助到你!

报错:Failed to compile../src/components/login.vue Module not found: Error: Can't resolve 'sass-loader' in 'E:\soft\mydemo\src\components' @ ./src/components/login.vue 4:2-311 @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
即:解决:1、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass2、在build文件夹下的webpack.base.conf.jsrules里面添加配置{  test: /\.sass$/,  loaders: ['style', 'css', 'sass']}使用scss时候在所在的style样式标签上添加lang=scss”即可应用对应的语法,否则报错

收获:





返回列表 返回列表
评论

    分享到