as mentioned in the question, how to deploy the project I created with vue-cli to the Ali cloud server? do I need to install npm or yarn on the server? I think someone said to npm run build, directly and then throw the generated dist folder on the server.
ask for specific operation steps
under your npm run dev directory, open a new command line, type npm run build, and you will see that there will be a dist folder under your project folder. Select all the files in it. Copy to the html folder of your nginx configuration
what I did at that time was
(1) npm run build generated dist folder
(2) upload the dist folder to the server
(3) configure the nginx, access path on the server to point to the index.html, under the dist folder so that the index.html under the dist folder can be displayed when accessing the address set in nginx.
in fact, the answers of the two people upstairs are both correct, but the emphasis is different.
in fact, since you know that files are generated with npm run build, you should also see that both js css and html files are generated, that is to say, no matter what system the server is, as long as your server has server software that supports http or https. I know that there are nginx and apache, as long as one of the two is installed. And cooperate with the access path, put the files you generated under the server or under the mapping path, start your server software, and then you can use the path you configured to access the project, so you need to figure out two things:
1, how to install nginx or apache, Baidu to search for this kind of article is very many;
2. There are also many articles on how to configure nginx or apache, Baidu.
figure out these two projects and deploy them
Why don't I tell you how to install and configure here? this is not something that is clear in one or two words, and I can't describe it clearly;
problem solved the project is actually accessible, but static resources can not be loaded, I can change the absolute path to a relative path, but there is a small problem is that I can not find picture resources, I am still studying.
Ali Yun now uses what batch uploads the dist-compiled directory
vue.js implements specification selection on product details page Click to select version option and click to select color option. Highlight has been selected. How to display the selected version and color html Code < div class= "chose-ck " > : ...
build the project: vue init webpack my-app with vue scaffolding After , I want to introduce css file structure directory main.jsimport what is the reason for this ...
although it is said that the use of webpack webpack-dev-server, and then with babel transcoding, coupled with a variety of loaders and plugins can really be better, targeted to build a development environment. but these configurations take too much ti...
1. The project initialization statement vue init webpack vuex-iview 2.ESLint is preceded by y and followed by n 3. After initialization, cd vuex-iview then npm run dev 4. Next, I reported an error (I posted a full screenshot below). I have tried to re...
as shown in figure I really can t find it. Ask for help ...
use cordova to package the vue project because apk, cannot connect to the network, and network pictures are not displayed ...
suppose a vue-cli single-page application has parent and child components, as well as non-parent-child components. When I click on a child component, that is, by adding a route to a child component (or a non-parent component), the problem arises. What if...
access the project file in www.a.com HMall, which contains static and index.html, but the background image in css cannot be found. The address of the accessed image is www.a.com static icon.png,. The real image address is www.a.com HMall static icon.png...
Environment, version: node: 8.9.3 webpack: 3.6.0 vue: 2.2.2 vue-cli: 2.x webpack is a template that uses vue-cli. After packaging, an error is displayed on the WeChat end of ios, while Android is fine: prompt that there is an error ...
how to imitate the Alipay password pop-up window in the vue single page? ask for advice ...
after I created the webpack template with vue-cli, I wanted to try to use eslint to standardize the code format. then change indent_size = 2 to 4 in the .editorconfig file. found that it didn t work. later found that the code format check is b...
Build complete. Tip: built files are meant to be served over an HTTP server. Opening index.html over file: won t work. after npm run build is generated, it prompts me that I need to run under the http server. How can I set it up so that I can ...
what a waste of time ask why this is caused by Why can t upload pictures, kindly tired ...
node: 8.11.1 npm: 5.6.0 vue: "^ 2.5.2 ", vue-cli@2.9.3 ...
this question has puzzled me all the time import modules into components like this. For example, I have to rely on these things for many components. and then import them one by one. Will you repeatedly package these modules into the code when packi...
now you need to change the style of an element on the page based on the current route when the page jumps to a route. Boss, don t just talk about ideas, but also talk about the specific implementation code. I am relatively bad, a lot of grammar is not ...
question: vue-cli modifies the file under MAC. It doesn t compile automatically, and it doesn t report an error. What s going on here? Action: the webstorm I used turned off the safewrite and it didn t work. Changing the editor won t work. I can t...
the current situation is I finished developing the vue project, packed it into the test environment, specified the xxx.com domain name with nginx to this static file, and then I can access it. the backend uses the tomecat server. When the backend s...
in vue, this is a window departure event. I want to change the style of body through this, but it seems to have misreported . how can I change its style? ...
I ve been learning vue for some time, and it s good to use it for simple project exercises. I just have a question for the time being. Such as the title, is that so? Do you need to pay attention to anything backstage? I have not done anything like this...