其一、build出来的dist中的index是不能直接打开的,打开需要部署到服务器,如:http-serve、nginx、apache、Tomcat等服务器,网上都可以下载,我用习惯http-serve、nginx。因为比较简单。 其二、是配置文件出的问题。我们build前需要检查下项目中的vue.config.js,可以module.exports = {}里加上publicPath:: "/MyVue"跟...
一、 使用Vite创建Vue3项目 1.全局安装vite，使用命令npm install vite -g 2.创建vue3项目，使用命令 npm create vite@latest ,确认项目名 称，选择Vue及TypeScript 3. 使用用vscode打开项目，运行命令 npm install npm run dev 4.整个项目目录结构如下：5.访问页面 二、将打包项目发布到Nginx 1.将打包后...
终端输入以下命令在开发环境下运行vue项目 代码语言:javascript 复制 npm run dev 1 点击链接查看显示效果 打包vue项目并上传到服务器中 代码语言:javascript 复制 npm run build 1 打包完毕后,会生成dist目录,将目录上传到服务器nginx文件目录下,再配置代理,即可访问。 总结 这只是一次vue框架的使用测试,能够正常访问。
打包的命令依据项目的配置可能会有所不同,打包的命令可以在packagejson中查看 项目中vuenfigjs中的配置如下: proxy关系到我们项目部署到nginx上需要配置对应的反向代理 publicPath关系到我们部署时是否需要配置子路径 默认情况下,将应用将被部署在域的根目录下, 例如:my-app 那么publicPath就为: 如果您的应用程序部署...