[已解决]oss前端部署代码和正常流程部署

802 阅读1分钟

正常流程代码部署

在这里插入图片描述 这里需要替换成域名打包 代码如下:

  output: {
    path: config.build.assetsRoot,
  //  publicPath: 'http://txm_home_test.xindianmao.com',  // 修改 https://iv...admin 这部分为你的服务器域名
    filename: utils.assetsPath('js/[name].[chunkhash].' + Version + '.js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].' + Version + '.js')
  },

打包完了,会生成dist文件 在这里插入图片描述 在这里插入图片描述 dist下index.html 文件引入会携带备案的域名 这是时候你双击无法打开.他需要服务器的支持. 说白了就是后端写服务的时候会写一个前端文件托管.当然你也可以node.js写一个文件托管试试,感受下托管. 下面的工作就不需要前端了 由后端去部署

oss 部署

公司或者自己会购买一个阿里oSS进行把后端域名进行绑定,绑定到指定的目录. 目录是自己创建的

在这里插入图片描述 在这里插入图片描述 前端只需要把打包好的 dist 文件拖进你指定的文件中 我的是test_view 这是前端打包在这里插入图片描述 publicPath 就不要指定域名了 这行代码就干掉把 然后你打包就会得到这样的 在这里插入图片描述 在这里插入图片描述 你可以双击在打开看看是否能运行本地静态文件. 前面如果少了./ 你需要修改这里 在这里插入图片描述 在这里插入图片描述 1.正常流程才是最好的 2.oss前端部署,对于刚接触oss还在使用正常的部署技术.会蒙蔽状态.也不清楚到底自己的错误还是后端错误.后端可能也不懂 3.当你看了我这篇文章,你可会恍然大悟.原理就是花钱买了一个托管文件而已 4.其实这样也好,你可以了解后端