1、先下载.txt文件
2、将文件放入vue项目的static文件夹中(注意不是src的static)
3、输入域名网址www.xxx.com/static/xxx.txt
打开成功!
4.设置域名。填写www.xxx.com/static ,提交就ok了
---------------------更新2019年9月18日----------------------------
实际使用中发现,微信公众号设置的回调域名会变成www.xx.com/static会发生错误。
在网上收集错误后整理后,
可成功访问域名严重公众号的.txt文件
webpack拷贝插件 copy-webpack-plugin
webpack-dev-server 本地文件 发布 网站 域名 根目录
以上解决办法中需要安装copy-webpack-plugin
npm install --save-dev copy-webpack-plugin
作用:在webpack中拷贝文件和文件夹
from 定义要拷贝的源文件 from:__dirname+'/src/components'
to 定义要拷贝到的目标文件夹 to: __dirname+'/dist'
toType file 或者 dir 可选,默认是文件
force 强制覆盖前面的插件 可选,默认是文件
context 可选,默认base context可用specific context
flatten 只拷贝指定的文件 可以用模糊匹配
ignore 忽略拷贝指定的文件 可以模糊匹配
具体实现
先将xx.txt放入static文件中
const CopyWebpackPlugin = require('copy-webpack-plugin')
// copy custom static assets
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../static'),
to: config.dev.assetsSubDirectory,
ignore: ['.*']
},
{
from: path.resolve(__dirname, '../static/xxx.txt'), // static文件下的xx.txt
to: 'xxx.txt',
toType: 'file'
}
])
以上环境是我在开发环境映射到外网实现的