跨域 问题
解决思路使用Nginx 插件 代理
- 安装了webpack-dev-server (其实就是个http 服务器) ,并在webpack的配置文件中添加 devserver-proxy 配置
webpack-dev-server
devServer: {
contentBase: path.resolve(__dirname, '../dist'),
historyApiFallback: true,
inline: true,
port:7777,
//代理服务器,其实就是nginx 代理插件来处理跨域问题
//访问http://localhost:7777/image-test 会 访问 到 http://pic.sc.chinaz.com/image-test
//其实 http://pic.sc.chinaz.com 是没有image-test 目录的
//so 需要在 pathRewrite 中 把 tmage-test 给 干掉
//changeOrigin =true 允许跨域
proxy: {
'/image-test': {
target: 'http://pic.sc.chinaz.com',
secure: false,
changeOrigin: true,
pathRewrite: {'^/image-test' : ''}
}
}
}