山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(17)

        近期，经过五六天的努力，我们终于完成了项目开发的最后一步——部署。

        其实这个问题原本没有那么麻烦，但是我们却过了五六天才搞好。

        首先在config/index.js里把host和port修改为需要的值。

dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},

    // Various Dev Server settings
    host: '0.0.0.0', // can be overwritten by process.env.HOST
    port: 8090, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

        然后在config/dev.env.js里修改所需的BASE_API。

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API: '"*********"'
})

         这样按理来说前端就正确地上传到服务器上了，但是我们遇到了一个令人百思不得其解的问题：服务器后端开启后可以使用localhost:8060访问，但不能通过ip：8060访问。外网的机子可以ping到服务器，可以连接到8080，8000，8070等端口，但是不能连接到后端所在端口。

        换句话说，所有的配置都没问题，但是就是不能成功部署。

        于是我们询问了提供服务器的李老师，经过他的一番查看，发现我们需要的端口8060没有开放，这就导致了上面出现的问题。

        开放了端口之后，问题果然解决了，我们的项目成功部署到了服务器上，开发过程的最后一步最终圆满完成。