开发测试调试问题的几种解决方案

Posted 2020-09-19 Wayne Zhu

　　在用vue-cli开发vue项目时，需要现在本地服务器上开发、测试，然后当需要调用后端端口的时候，又需要先npm run build打包，将打包后的dist文件夹下的文件再放到Tomcat服务器下，进行测试，这无疑是非常麻烦的，这里记录了我尽可能简化操作的几种方案。

 

第一种：直接在webpack中设置将文件打包到Tomcat服务器下

　　通常来说，通过vue-cli构建的项目，会把dist文件打包到根目录下，但是我在测试时还需要再将之copy到Tomcat下，这样很不方便，所以不如就直接打包到Tomcat下。

　　即打开config下的index.js，找到build下的相关选项，修改如下：

    // index: path.resolve(__dirname, ‘../dist/index.html‘),
    // assetsRoot: path.resolve(__dirname, ‘../dist‘),
    index: path.resolve(__dirname, ‘../../../programs/apache-tomcat-7.0.42/webapps/bbg/wechat2/index.html‘),
    assetsRoot: path.resolve(__dirname, ‘../../../programs/apache-tomcat-7.0.42/webapps/bbg/wechat2‘),

　　于是，我们再进行打包时，就可以直接打包到Tomcat下了。 这样就节约了大部分的时间。