项目部署上线后不显示出来

项目部署上线后不显示出来

我的项目打包编译后,部署到后端系统里,访问时没有报错,文件路径都没错,就是页面不显示,是什么原因?项目在本地运行正常显示。

router下的index.js如下:

import { createRouter, createWebHistory } from 'vue-router'


const routes = [

  {

    path: '/minsheng',

    name: 'Home',

    component: () => import(/* webpackChunkName: "home" */ '@/views/home/Home'),

    meta: {

      title: '好民生口腔'

    }

  },

  {

    path: '/minsheng/about',

    name: 'About',

    component: () =>

      import(/* webpackChunkName: "about" */ '@/views/about/About'),

    meta: {

      title: '好民生口腔简介'

    }

  }

]


const router = createRouter({

  history: createWebHistory(),

  routes

})


export default router


vue.config.js配置如下:

const path = require('path')

function resolve(dir) {

  return path.join(__dirname, dir)

}

module.exports = {

  publicPath: '/minsheng',

  configureWebpack: {

    resolve: {

      alias: {

        '@': resolve('src')

      }

    }

  }

}


项目上线后截图:

https://img1.sycdn.imooc.com//climg/61c574f0092e785213820892.jpg

https://img1.sycdn.imooc.com//climg/61c5750a09eb630c13320876.jpg

项目目录如下:

https://img1.sycdn.imooc.com//climg/61c5755709341ebb02460690.jpg


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,很抱歉,项目部署并不属于前端课程,属于运维人员的工作,需要单独学习部署知识才行。老师没有操作过部署,无法为同学提供具体的帮助,建议同学问一下阿里的客服人员或者看看有没有相关的部署文档。

祝学习愉快!

  • leepulse 提问者 #1

    你看下我项目写的配置有没问题?

    2021-12-24 15:59:36
  • leepulse 提问者 #2

    我现在在本地运行,vue.config.js的publicPath设置为/minsheng,启动项目后,页面没加载出来,这是什么原因?

    const path = require('path')

    function resolve(dir) {

      return path.join(__dirname, dir)

    }

    module.exports = {

      publicPath: '/minsheng',

      configureWebpack: {

        resolve: {

          alias: {

            '@': resolve('src')

          }

        }

      }

    }


    2021-12-24 16:05:22
  • 好帮手慕久久 回复 提问者 leepulse #3

    同学你好,解答如下:

    配置publicPath后,根路径形式如下:

    https://img1.sycdn.imooc.com//climg/61c5888d094ba08505740108.jpg

    因此路由中,首页路由直接配置成“/”即可:

    https://img1.sycdn.imooc.com//climg/61c588a70970c74e04980149.jpg

    about页面配置成'/about'就行:

    https://img1.sycdn.imooc.com//climg/61c588c909c11d1906060254.jpg

    效果如下:

    https://img1.sycdn.imooc.com//climg/61c588e10902373807350269.jpg

    祝学习愉快!

    2021-12-24 16:53:53
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师