vue项目打包发布到服务器

1，tomcat：

tomcat下部署静态文件。一般情况下，网站也做到静态文件的分离。静态文件这个时候就需要部署到特定的服务器上了。一般会部署到nginx上。如果做测试的话，也会部署到tomcat上。

部署的方法为：

在tomcat的conf目录下的server.xml文件中做相应的配置即可。

1.在<host></host>中添加配置。

<Context docBase="/opt/tmp" path="/static" reloadable="true"/>

即可。

访问时直接访问：http://localhost:8080/static/xxx.js

其中/opt/tmp下有xxx.js文件。

 

2， vuecli3打包部署 非根目录下 配置vue.config.js publicPath

从 Vue CLI 3.3 起已弃用baseUrl，请使用publicPath。

默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.my-app.com/my-app/，则设置 publicPath 为 /my-app/。

这个值在开发环境下同样生效。如果你想把开发服务器架设在根路径，你可以使用一个条件式的值：

在vue.config.js文件中添加如下：

module.exports={
　　publicPath:process.env.NODE_ENV==='production'?'/production-sub-path/':'/'
}

--**************************************************************************************************
--/Users/user/Library/apache-tomcat-8.5.51/conf/server.xml   在<host></host>中添加配置:
<Context docBase="/Users/user/Documents/Projects/mbl_vue/mbl_prj/dist" path="/qyq" reloadable="true"/>
--vue.config.js
module.exports = {
    publicPath: process.env.NODE_ENV === 'production'
        ? '/qyq/'
        : '/'
}
--router/index.js
const router = new VueRouter({
    mode: 'history',
    routes,
    base: '/qyq/'
})
--**************************************************************************************************

 

--为什么vue+webpack需要用到node，如何部署项目到服务器？
https://www.cnblogs.com/zhuzhenwei918/p/6866094.html
--tomcat部署静态文件
https://www.cnblogs.com/yanghuiping/p/5521235.html
--vuecli3打包部署 非根目录下 配置vue.config.js publicPath
https://www.cnblogs.com/huipinpuzi/p/12156929.html
https://cli.vuejs.org/config/#vue-config-js

--vuerouter history模式404问题
https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations