有没有一种方法可以在不更改webpack中的localhost配置主机的情况下从域加载图像?
在我当前的有没有一种方法可以在不更改webpack中的localhost配置主机的情况下从域加载图像?,webpack,vue.js,vuejs2,webpack-dev-server,webpack-2,Webpack,Vue.js,Vuejs2,Webpack Dev Server,Webpack 2,在我当前的webpack.base.config中,我尝试将选项public host添加到加载程序映像中,但仍然无法加载包含我需要使用的映像的映像文件夹的域路径。 有没有办法同时加载域映像和本地主机中的映像 我已将加载程序更改为“文件”,但仍然无法加载需要从CDN加载的图像。我需要做什么才能在本地主机外部加载外部映像,但仍然能够从资源加载本地映像?这是我第一次编辑网页包配置文件。。提前谢谢你的帮助 module.exports = { entry: { app: './src/ma
webpack.base.config
中,我尝试将选项public host添加到加载程序映像中,但仍然无法加载包含我需要使用的映像的映像文件夹的域路径。
有没有办法同时加载域映像和本地主机中的映像
我已将加载程序更改为“文件”,但仍然无法加载需要从CDN加载的图像。我需要做什么才能在本地主机外部加载外部映像,但仍然能够从资源加载本地映像?这是我第一次编辑网页包配置文件。。提前谢谢你的帮助
module.exports = {
entry: {
app: './src/main.js'
},
output: {
path: config.build.assetsRoot,
publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,
filename: '[name].js'
},
resolve: {
extensions: ['', '.js', '.vue'],
fallback: [path.join(__dirname, '../node_modules')],
alias: {
'vue$': 'vue/dist/vue.common.js',
'src': path.resolve(__dirname, '../src'),
'assets': path.resolve(__dirname, '../src/assets'),
'components': path.resolve(__dirname, '../src/components')
}
},
resolveLoader: {
fallback: [path.join(__dirname, '../node_modules')]
},
module: {
loaders: [
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
//loader: 'file',
loader: 'url',
// options: {
// publicPath: 'https://asdgasdgasdgasdg.com'
// }
query: {
limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]')
}
}
]
},
您只需配置用于处理本地图像的webpack,可能无法从CDN加载图像,因为您正在使用的获取图像的路径或方法错误?您可以尝试使用代理设置,例如
devServer: {
port: METADATA.port,
host: METADATA.host,
historyApiFallback: true,
watchOptions: {
aggregateTimeout: 300,
poll: 1000
},
contentBase: appConfig.dist,
proxy: {
'*': 'http://localhost:8080', // REST service
},
},
要嵌入来自CDN的图像,只需在vue模板中编写简单的HTML。例:。不工作,这就是为什么我必须通过网页找到一个选项来配置它。如果我像上面那样做,那么我必须导入图像,因为它只对一个图像有效,但我不能对一堆imagestrue进行v-for,这可能是因为cdn应该以“assets”文件夹为目标,因为资产路径解析到那里?,“assets”:path.resolve(u dirname,../src/assets')。但仍然对如何通过网页包处理资产感到困惑,因为我需要它以cdn和localhost资产目录为目标,以显示您如何尝试在vue中从cdn加载图像。
data(){
arr:[…Array(50)]。map((项,索引)=>{
img:'https://domain/images/three.jpeg“
不行,因为我正在图像数组中循环。请在你的问题中发布所有这些代码,以便我能更好地理解。我尝试了这个,在网络选项卡上说:无法获取(),我仍然无法加载localhost静态css&js文件,也无法加载mydomain.com/randomfolder/randomImages。遗憾的是,我加载失败,没有错误代码,我相信它不是CORS或404,可能是网页包中的某个东西