阿里雲OSS上傳文件本地調試跨域問題解決

問題描述：

最近後臺說爲了提升上傳效率，要前端直接上傳文件到阿里雲，而不通過後臺。由於在阿里雲服務器設置的容許源（region）爲某個固定的域名下的源（例如 *.cheche.com），直接在本地訪問會有跨域問題。

解決方案：

在本機C:\Windows\System32\drivers\etc的hosts文件中（使用管理員身份打開並編輯）添加一行地址映射：127.0.0.1 test.cheche.com

而後把前端運行項目的端口改成80，以vue項目爲例（config/index.js）

到這一步，運行項目，訪問http:// test.cheche.com,出現Invalid Host header提示，咱們須要再修改一個地方：

找到build/webpack.dev.conf.js文件：

找到devServer，添加一行：disableHostCheck: true

添加位置以下：

devServer: { clientLogLevel: 'warning', historyApiFallback: { rewrites: [ { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') }, ], }, hot: true, contentBase: false, // since we use CopyWebpackPlugin.
  compress: true, host: HOST || config.dev.host, port: PORT || config.dev.port, open: config.dev.autoOpenBrowser, overlay: config.dev.errorOverlay ? { warnings: false, errors: true } : false, publicPath: config.dev.assetsPublicPath, proxy: config.dev.proxyTable, quiet: true, // necessary for FriendlyErrorsPlugin
 watchOptions: { poll: config.dev.poll, }, disableHostCheck: true // 添加這一行
},

再次在地址欄輸入地址http://test.che che.com，就能夠正常訪問了。html