Vuejs2 如何以Nuxt(或Vue)中的字符串形式读取文本文件中的内容?
我想从“~/static/terms of service.txt”读取我在.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
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)/
});
}
}