Vuejs2 如何以Nuxt(或Vue)中的字符串形式读取文本文件中的内容?

Vuejs2 如何以Nuxt(或Vue)中的字符串形式读取文本文件中的内容?,vuejs2,vue-component,nuxt.js,Vuejs2,Vue Component,Nuxt.js,我想从“~/static/terms of service.txt”读取我在.vue文件中导入的文本文件的内容,如import ToS 我想以字符串形式访问内容 我该怎么做呢?我最终使用了 似乎您需要一个加载程序来读取vue CLI 3中的文件 首先安装原始加载程序 npm安装原始加载程序--保存开发文件 如果您没有vue.config.js,请在根目录下创建一个并添加 module.exports = { chainWebpack: config => { config.mo

我想从“~/static/terms of service.txt”读取我在.vue文件中导入的文本文件的内容,如
import ToS

我想以字符串形式访问内容

我该怎么做呢?

我最终使用了


似乎您需要一个加载程序来读取vue CLI 3中的文件

  • 首先安装原始加载程序
    npm安装原始加载程序--保存开发文件

  • 如果您没有vue.config.js,请在根目录下创建一个并添加

    module.exports = {
      chainWebpack: config => {
        config.module
          .rule('raw')
          .test(/\.txt$/)
          .use('raw-loader')
          .loader('raw-loader')
          .end()
      }
    }
    
  • 要以字符串形式获取文本文件(如果放置在src/assets/txt/),请执行以下操作:
    从'@/assets/txt/file.txt'导入文件

  • 注意:请记住重建

    我正在使用nuxt(使用vue cli 3创建),这就是我的工作原理:

  • npm安装--保存dev原始加载程序
  • 更新
    numxt.config.js

  • 您使用的构建系统是什么?
      build: {
        /*
        ** You can extend webpack config here
        */
        extend (config, ctx) {
    
          config.module.rules.push({
            enforce: 'pre',
            test: /\.txt$/,
            loader: 'raw-loader',
            exclude: /(node_modules)/
          });
    
        }
      }