Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有没有一种方法可以在不更改webpack中的localhost配置主机的情况下从域加载图像?_Webpack_Vue.js_Vuejs2_Webpack Dev Server_Webpack 2 - Fatal编程技术网

有没有一种方法可以在不更改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,可能是网页包中的某个东西