美文网首页程序员
vue-resource 解决跨域问题

vue-resource 解决跨域问题

作者: DerryChan | 来源:发表于2017-10-06 11:17 被阅读247次

    vue 与 vue-resource 跨域问题解决

    方法一:

    在vue项目下的 config/index.js 文件里面配置代理proxyTable:

    var path = require('path')
    
    module.exports = {
      build: {
        env: require('./prod.env'),
        index: path.resolve(__dirname, '../dist/index.html'),
        assetsRoot: path.resolve(__dirname, '../dist'),
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        productionSourceMap: true,
        // Gzip off by default as many popular static hosts such as
        // Surge or Netlify already gzip all static assets for you.
        // Before setting to `true`, make sure to:
        // npm install --save-dev compression-webpack-plugin
        productionGzip: false,
        productionGzipExtensions: ['js', 'css'],
        // Run the build command with an extra argument to
        // View the bundle analyzer report after build finishes:
        // `npm run build --report`
        // Set to `true` or `false` to always turn it on or off
        bundleAnalyzerReport: process.env.npm_config_report
      },
      dev: {
        env: require('./dev.env'),
        port: 8080,
        autoOpenBrowser: true,
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        proxyTable: {
          '/login': {
            target: 'http://192.168.0.240:8888/yammiicn/v1/login',
            changeOrigin: true,
            pathRewrite: {
             '^/login':''
            }
          }
        },
        // CSS Sourcemaps off by default because relative paths are "buggy"
        // with this option, according to the CSS-Loader README
        // (https://github.com/webpack/css-loader#sourcemaps)
        // In our experience, they generally work as expected,
        // just be aware of this issue when enabling this option.
        cssSourceMap: false
      }
    }
    

    方法二:

    使用

    Vue.http.options.xhr = { withCredentials: true }
    //或是
    this.$http.jsonp('...', { credentials: true })
    

    相关文章

      网友评论

        本文标题:vue-resource 解决跨域问题

        本文链接:https://www.haomeiwen.com/subject/nbmlyxtx.html