Vue 部署问题

新接触的vue,改动一些js文件，没想到遇到了一个巨坑：

 

1.vue 在 H builder 编译，npm run dev 后正常运行，在index.js 中配置后台路径如下

        // 请求代理表，在这里可以配置特定的请求代理到对应的API接口
        proxyTable: {
            "/api": {
                //target: "http://192.168.8.200:18081",
                //target: "http://192.168.8.107:18081",
                target: "http://127.0.0.1:8093",
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/'   //本身的接口地址没有 '/api' 这种通用前缀，所以要rewrite，如果本身有则去掉
                }
            },
        },

 

Ok,本地运行一点问题没有，问题来了，npm run build 后扔到服务器上死活不能生效

 

2.排除原因：（1）.打包问题，  （2）.部署问题

（1）排除打包问题：打包完成后在本地运行下；

　　

dist打包后的项目需要运行在服务器环境中
搭建express本地服务器

1、安装express-generator生成器

npm install express-generator -g

2、创建一个express项目

express expressProject

3、进入项目目录，安装相关项目依赖

cd expressName 
npm install

项目目录

 

expressProject.jpg

将dist文件夹下的所有文件复制到express项目的public文件夹下面

4、启动express项目

npm start    // 启动express项目

浏览器中 输入localhost:3000即可运行

如果运行没有问题，打包没有问题

（2）排除部署问题：查看服务器路径：/workspace/apache-tomcat-8.5.24-tender-manager-2.0-test/webapps/ROOT ，如果这个路径没有问题

　　重点来了：++++++++++请排除此项目下别的路径下没有相同的问题，也就是打包有没有仍两次，仍两次，仍。。。。。。。。，

如果有，晒自己一巴掌，冲突了