微信公众号 vue前端设置业务域名

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'
      }
    ])

以上环境是我在开发环境映射到外网实现的